Icons

Due to the pre-rendering nature of Astro, Different icon stratgies need to be used for astro vs. react components. This strategy keeps the bundle size small, only used icons are included.

Astro

Icon management with Iconify

Component

Using the Astro Icon conponent.

Detailed instruction can be found in the repoistory README.

---
import { Icon } from 'astro-icon/components'
---

<Icon name="tabler:home" />

Icon Sets

Using the Tabler icon set.

React

Component

Using the React Icon component.

Detailed instruction can be found in the repoistory README.

---
import { TbMail } from "react-icons/tb";
---

<TbMail />

Icon Sets

Using the Tabler icon set.