图标

Docus
源码

使用方法

: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 图标、表情符号和 URL。智能图标会自动渲染它们。

Iconify

Emojis

😍🚀🎉

URL

**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"}
File Tree
Playground