Icons in coded component

Hello Appfarm,

Is it possible to get the icons in coded component? I cant seem to find where to get them.

Thanks for the help!


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