Skip to content
On this page

Icon

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.

html
<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

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

Icon Slots

NameParametersDescription
default()Customize default content

MIT Licensed