图标组件在底层使用了 Nuxt Icon. 请查看 Nuxt Icon 的使用指南.
: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"}
如果你想使用其他图标, 强烈建议将它们本地安装, 这在 SSR 和客户端都更快速, 更可靠.
Terminal
npm i -D @iconify-json/collection-name
@iconify-json/lucide 和 @iconify-json/vscode-icons 默认已安装.
0.5.3
你可以在 smart-icon 中放置 iconify 图标、表情符号和网址。智能图标会自动渲染它们.
**Iconify**
:smart-icon{name="lucide:box"}
:smart-icon{name="vscode-icons:file-type-js-official"}
:smart-icon{name="vscode-icons:file-type-vue"}
**Emojis**
: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"}
::