Icon

The icon component utilizes Astro’s rendering to be able to be any component, while not sacrificing performance.

Each icon in lucide-icons and simple-icons is supported. With duplicate names, lucide-icons takes precedence.

---
import { Icon } from "@/components/ui/icon"
---

<Icon name="heart" />
<Icon name="star" />
<Icon name="check" />
<Icon name="trash-2" />
<Icon name="x.com" />
<Icon name="whatsapp" />

Installation

To install the icon component, run the following command:

npx shadcn@latest add @fulldev/icon

Usage

import { Icon } from "@/components/ui/icon"

<Icon name="heart" />