Is there a way to add custom Icons to the Icon Gallery?

[DJ Wolfson]

I'm wondering if it is possible to import or extend upon the existing library of icons in the Icon Gallery (Utah Documentation here). I would like to bring in some custom branded icons created by our team into our Workspace Experience through UI Builder's Icon Gallery.

My thoughts on how I could possibly do this:

1. Find the table storing the Icon Gallery data, insert new records with our custom icons

2. There is already an out-of-box experience to import or extend the Icon Gallery component.

Any thoughts, or ideas are welcome.

[Sohithanjan G · Accepted solution]

Hi @DJ Wolfson , 

Unfortunatly, we cannot add the icon to Icon gallery, instead we can do some changes to their properties. 

Select the Icon and its size with these properties.

To configure the properties, enter either static or dynamic input. Enter dynamic input by selecting the input type.

• Data binding: Enables you to create dynamic property values derived from multiple sources, such as state variables (@state) in the page, URL variables (@context), or payloads from a data resource (@data). For details, see Add and configure data resources to a page .
• Scripting: Creates a scripted property value. For details on scripted values, see Create and bind a client state parameter to a component .

Label[property]Description

Icon [icon]	Name of the icon in dash-case, including the Fill or Outline suffix to indicate whether the icon is filled or outlined. Note: See https://developer.servicenow.com/dev.do#!/reference/next-experience/utah/now-components/now-icon/gal...for more information.
Size [size]	Icon size Choices: Small, Medium, Large, Extra Large Default: Medium
ARIA properties [configAria]	Configures the ARIA properties. Possible properties are: aria-braillelabel aria-brailleroledescription aria-colindextext aria-description aria-label (Required to be accessible using a screen reader) aria-placeholder aria-roledescription aria-rowindextext aria-valuetext

🙂