Installation
pnpm dlx shadcn-vue@latest add "https://ui.stackhacker.io/r/lucide-icon.json"
Usage
<script setup lang="ts">
import { LucideIcon } from '@/components/ui/lucide-icon'
</script>
<template>
<LucideIcon name="i-lucide-sun" class="size-6" />
</template>Examples
Default
Size
With Vue component
API Reference
Props
| Prop | Type | Default | Description |
|---|---|---|---|
name | string | Component | Required | Icon identifier. Accepts i-lucide-* format strings or Vue components. |
size | string | number | — | Icon dimensions. Numbers are treated as pixels. |
class | string | — | CSS classes to apply to the icon. |