info icon OOTB css

amaradiswamy
Kilo Sage

Hi All,

i want to include OOTB info-icon in my one of the widgets. Where this icon will be stored and how can i reference it through CSS?

Regards,

Swamy

4 REPLIES 4

amaradiswamy
Kilo Sage

I downloaded icon from below link.


Icons8 - 54,500 icons + Icon Tools


Hi Amaradi,



Please check the thread below. Hope it will help you



Service Portal - Custom Icons


Shiva Thomas
Kilo Sage

Hi Amaradi,



Here is a very useful link with a preview of all the 295 icons existing in the instance:


https://hi.service-now.com/styles/retina_icons/retina_icons.html


You can replace hi by your instance name to ensure the list matches the icons included in your specific version of ServiceNow.


Retina icon list.png



Click on any icon and copy the reference HTML code that is displayed at the bottom of the window.



In your case


<i class="icon-info"></i>


Will display the icon.


 

You can edit the size or the color via additional CSS.


<i class="icon-info" style="font-size:200%; color: blue;"></i>


Shiva Thomas
Kilo Sage

Hi Amaradi,



Did I one of us answered your question? In that case, will you be kind enough to mark the answer as correct, to close the topic.