Use a prop name para exibir um ícone:
<template>
<NIcon name="i-lucide-lightbulb" class="size-5" />
</template>
search_icons.Você também pode passar um componente Vue para a prop name:
Você pode definir seus próprios componentes de ícone ou usar o unplugin-icons para importá-los diretamente de arquivos SVG:
<script setup lang="ts">
import IconLightbulb from '~icons/lucide/lightbulb'
</script>
<template>
<NIcon :name="IconLightbulb" class="size-5" />
</template>
| Prop | Default | Type |
|---|---|---|
name | any | |
mode | "svg" | "css" | |
size | string | number | |
customize | boolean | IconifyIconCustomizeCallback | null |