图标
Slidev 让你能在安装相应的包后,直接在 markdown 中访问几乎所有开源图标集。
由 unplugin-icons
及 Iconify 驱动。
命名遵循 Iconify 的约定 {图标集名}-{图标名}
,例如:
<mdi-account-circle />
- 出自 Material Design Icons -@iconify-json/mdi
<carbon-badge />
- 出自 Carbon -@iconify-json/carbon
<uim-rocket />
- 出自 Unicons Monochrome -@iconify-json/uim
<twemoji-cat-with-tears-of-joy />
- from Twemoji -@iconify-json/twemoji
<logos-vue />
- 出自 SVG Logos -@iconify-json/logos
- 等等......
你可以在 Icônes 预览和搜索所有的图标
为图标添加样式
你可以像其他 HTML 元素一样为图标添加样式,例如:
html
<uim-rocket />
<uim-rocket class="text-3xl text-red-400 mx-2" />
<uim-rocket class="text-3xl text-orange-400 animate-ping" />