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

Jaspal Singh · ‎09-16-2020

Hi Irfan,

Do you mean you need to an image instead of Glyph icon that may be used for a widget? If yes, you can clone the widget & then update the HTML part accordingly.

shaik_irfan · ‎09-16-2020

@Jaspal Singh

My customer has given the sample glyph icon which is not available in the service portal icon link widget. So is there any way where i can add that and show that glyph icon ?

Jaspal Singh · ‎09-17-2020

Recently came across a link that fits your business case. Can you check the same once.

Ankur Bawiskar · ‎09-16-2020

@shaik.irfan

refer below links for help

How to add custom icon to Glyph in icon link widget ?

Add new Glyph Icon to HR service portal

Regards
Ankur

Regards,
Ankur
✨ Certified Technical Architect || ✨ 9x ServiceNow MVP || ✨ ServiceNow Community Leader