Icons ​

Using icons from another library is just single line away

As Anu uses UnoCSS, You can use UnoCSS's Icons preset to use icons from any supported library.

• Box Icons
• Fluent Emoji
• Logos

Preview all available icons.

Anu uses Box Icons by default.

Installation ​

You've already installed UnoCSS & Icons preset by following installation guide.

If you want to use another library, please refer to the official docs on the UnoCSS.

Usage ​

Once installed you can use icons in your templates like this:

<!-- <div class="i-<collection-name>-<icon-name>" /> -->

<div class="i-logos-vue" />

<ABtn
  icon="i-logos-vue" 
  variant="outline"
  color="#42b883"
>
  Vue
</ABtn>