Skip to content


Icon are used to any icons with Pure CSS for OnuUI.

Use any icons with Pure CSS for OnuUI.

For more icon information view @unocss/preset-icons

Basic usage

Use the name attribute to define Icon. In addition, the o attribute can be used to set the color theme of the icon.

<o-icon o-primary name="i-[icon-name]"></o-icon>
<o-icon o-primary name="i-[icon-name]"></o-icon>

Icon Collection

Get all icons, try on icones

Icon Props

namestringundefinedIcon's name.
o'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info'undefinedInherit from color.

Icon Slots

default()Customize default content

MIT Licensed