图标
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" />