Need help on adding Glyph icon

shaik_irfan · ‎09-16-2020

Hi,

On the Service Portal i want to add my own custom glyph. Can anyone please help me how to do this

wow-on-now · ‎09-17-2020

@shaik.irfan

Set the CSS to of the outer div containing the image to this

    background: #1F8476;
    display: inline-block;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    object-fit: contain;
    padding: 10px;

and set the image css to this

height: 100%;
filter: brightness(0) invert(1);

Note: You don't need to apply filter. I just did that to make it white. You can just upload a white Image.

Here is the output

View solution in original post

wow-on-now · ‎09-17-2020

@shaik.irfan

If your customer provided one custom Glyph, then chances are they will have more coming in the future. The easiest way to have custom icons in Service Portal is to use SVGs in your widgets. If you would like to use custom icon font then you can upload the SVG icons to a FREE font service like http://fontastic.me/ and generate a CSS file along with corresponding font files and just upload it into ServiceNow like you would do for a custom font and now you can use your custom glyphs.

You can also override the fa CSS classes for in-built FontAwesome Icons to then use your font and icon glyph.

Thanks,
Ritesh

Intellective
Bringing WOW on NOW