Skip to content

VPB Icons 配置

VitePress Blog 使用 @iconify/tailwind4,因此你可以在 Markdown 和 Vue 组件中直接使用 Iconify 图标。

你可以使用 Iconify 提供的任意图标。

图标类名格式与 i-[carbon--book] 一致,通常由“图标集名 + 图标名”组成。

使用示例

  • carbon--book
  • logos--react
html
<span class="i-[carbon--book]"></span>
<span class="i-[logos--react]"></span>

内置图标集

主题默认内置以下 Iconify 图标集:

我只是尽力将工具做得更好,如果可以的话欢迎给一个 star ⭐