Skip to content

Icon Usage

· 1 min · markdown / icon

This theme has @unocss/preset-icons and @iconify/json pre-installed and configured, allowing the use of icons wherever needed. According to UnoCSS specs, icons must follow the format i-<collection>-<icon> or i-<collection>:<icon>. Examples include:

You can explore more available icon sets on icon-sets.iconify.design. Once you’ve found the desired icon, select it, then copy the UnoCSS icon name from the “Icon” dropdown.

For more details on usage, please refer to the UnoCSS: Icons Preset.