Icons in coded component

Ask the community
2

Hi,

There is no “out of the box” way to use the built in icons, but you can add in material icons as a stylesheet, and with a simple line of HTML use icons from more or less the same icon pack as in Create.

Follow these steps to use icons in coded component:

  1. Add the following URL: (https://fonts.googleapis.com/icon?family=Material+Icons) in your coded component → Resources → Type: Stylesheet URL
  2. Add the following URL: (https://fonts.googleapis.com/icon) under Configuration → Environments → Content Security → Style Sources
  3. Edit your HTML in your coded component and add in: <span class="material-icons md-24">face</span> for icons. In this code “face” is the name of the icon, and md-24 is the class for a 24px icon.

Use the following link to find other icons:

Use the following link to read more about Material Icons:

1 Like