Files
stack/v1/packages/mosaic/framework/skills/slidev/references/style-icons.md
T

809 B

name, description
name description
icons Using open-source icons in slides

Icons

Use any open-source icon directly in markdown. Powered by unplugin-icons and Iconify.

Installation

pnpm add @iconify-json/[collection-name]

Usage

Use component syntax <collection-icon-name />:

<mdi-account-circle />
<carbon-badge />
<uim-rocket />
<logos-vue />
  • @iconify-json/mdi - Material Design Icons
  • @iconify-json/carbon - Carbon Design
  • @iconify-json/logos - SVG Logos
  • @iconify-json/twemoji - Twitter Emoji

Styling

Style like any HTML element:

<uim-rocket class="text-3xl text-red-400 mx-2" />
<uim-rocket class="text-3xl text-orange-400 animate-ping" />

Browse Icons