Use OIcons within HTML element

Dear App Builders,

I would like to use the OIcons from the Styleguide within an HTML element.

When I use them like

"html": "<button><o-icon name='add'></o-icon>New Element</button>"

I do not see any icon displayed. Do I need to add the o-icon elements somehow? Is it a custom component? If so, what is its name?

Thank you!

Hi Tanja,
We included the icons in the following way

<i style=\"font-family: onedata-icons; font-style:normal; font-size: 20px; cursor:pointer;\", title=\"Hilfe\">&#xE040</i>

To find out about the id of the icon, you can open the Elements Part of the Dev Console (F12) on the Styleguide and identify the icon you wish as shown in the screenshot

1 Like