Glass Icons

Icon set styled with frosted glass blur.

Default

Hover or focus an icon to tilt the glass and reveal its label. Switch Colorful on for the gradient backs.

Colorful

Prop	Type	Default	Description
`items`	`{ icon: string \| Component, color: string, label: string, customClass?: string }[]`	`[]`	Array of items to render. Each item should include an icon (Iconify name or component), a color (blue, purple, red, indigo, orange, green or any CSS background), a label, and an optional customClass.

Keyboard shortcuts and ARIA behavior.

Shortcut	Description
`Tab`	Moves focus between icons. A focused icon animates like a hovered one.

Each icon is a button labelled with its label; the icon glyph itself is hidden from screen readers.