Icon

Basic icon.

---

Props

• name (string): Icon name.
• [OPTIONAL] id (string): id HTML attribute to set to the element.
• [OPTIONAL] modifiers (string): List of modifiers to apply to the element. Defaults to "".

---

Syntax

React

<UIIcon
  id="my-id"
  modifiers="large"
  name="star"
/>

Vue

<UIIcon
  id="my-id"
  modifiers="large"
  name="star"
/>

Svelte

<UIIcon
  id="my-id"
  modifiers="large"
  name="star"
/>

HTML

<i class="ui-icon ui-icon--large--star" id="my-id"></i>