VPB Icons Configuration

VitePress Blog uses @iconify/tailwind4 so you can use Iconify icons directly in Markdown and Vue components.

Any icon published on Iconify can be used.

The class format follows examples like i-[carbon--book], where the class name combines an icon collection with an icon name.

Usage Examples

• carbon--book
• logos--react

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

Included icon sets

The theme ships with these Iconify collections by default:

• @iconify-json/carbon
• @iconify-json/logos