Icône

Docus
Source

Utilisation

:icon{name="lucide:box"}
:icon{name="vscode-icons:file-type-js-official"}
:icon{name="vscode-icons:file-type-vue"}
:icon{name="vscode-icons:file-type-nuxt" size="30"}

Si vous souhaitez utiliser d'autres icônes, il est fortement recommandé de les installer localement, ce qui est plus rapide et plus fiable à la fois côté SSR et client.

Terminal
npm i -D @iconify-json/collection-name

@iconify-json/lucide et @iconify-json/vscode-icons sont installés par défaut.

Icône Intelligente

0.5.3

Vous pouvez mettre des icônes Iconify, des émojis et des URLs dans smart-icon. L'icône intelligente les affichera automatiquement.

Iconify

Émojis

😍🚀🎉

URL

**Iconify**
:smart-icon{name="lucide:box"}
:smart-icon{name="vscode-icons:file-type-js-official"}
:smart-icon{name="vscode-icons:file-type-vue"}

**Émojis**
:smart-icon{name="😍"}
:smart-icon{name="🚀"}
:smart-icon{name="🎉" size=30}

**URL**
:smart-icon{name="/logo.svg"}
:smart-icon{name="https://vueuse.org/favicon.svg" size=40}
Modifier cette page
Arborescence
Gestionnaire de Paquets