Adding icons in Developer Studio

 provides some predefined icons that are available Out-Of-The-Box (OOTB) for a Progressive Web Application (PWA). You can add an icon to a UI element on a form in . To know what icons are available to support PWA, see Icons-available-in-Developer-Studio-to-support-PWA.

To add a BMC icon to a UI element on a form in 

1. Copy an icon name from the list of categorized icons.
2. In , paste the icon name as the value for a property that supports icons. You must paste the icon name as it is.
3. View the form in PWA to see the icon. To know how to enable a PWA, see Enabling-Progressive-Web-Application.
   You can see that the icon is displayed on the form in PWA.

Example: Adding the d-icon-user_o icon

1. Copy the user_o icon name from the list of categorized icons.
2. In , drag the Character field onto the form.
3. Paste the icon name as the value for the Default Thumbnail Image property.
   The Default Thumbnail Image property is one of the properties where you can use an icon name.
4. View the form in PWA to see the icon. To know how to enable a PWA, see Enabling-Progressive-Web-Application.
   You can see the d-icon-user_o icon () on the form in PWA. If you use the d-icon-user_circle icon name, you can see the person icon in a circle .