Fulldev UI

Docs Components Blocks

Icon

---
import Icon from 'fulldev-ui/components/Icon.astro'
---

<Icon name="code" color="brand" size="lg" />

Props

PropTypeDefault
namestring-
color'base' | 'brand'-
asHTMLTagi
HTML AttributesPolymorphic<i>-

Examples

---
import Icon from 'fulldev-ui/components/Icon.astro'
---

<Icon name="circle" />
<Icon name="arrow-right" />
<Icon name="brand-x" />
<Icon name="brand-github" />
---
import Icon from 'fulldev-ui/components/Icon.astro'
---

<Icon size="sm" name="circle" />
<Icon size="md" name="circle" />
<Icon size="lg" name="circle" />
---
import Icon from 'fulldev-ui/components/Icon.astro'
---

<Icon color="base" name="circle" />
<Icon color="brand" name="circle" />