G GlassUI

Components

Icon

Renders icons by name using Phosphor icons. Supports 6 weights, any pixel size, and all Iconify icon sets via prefix.


Playground

Explore icon props interactively. Click any icon below to preview it.

<Icon name="heart" size={32} />

Props

Icon name: "house", "arrow-right", or full iconify name "mdi:home"

Icon size in pixels

Phosphor weight variant (ph: icons only)

Icon color (CSS value). Defaults to currentColor.

Weights

Phosphor icons support 6 weight variants. Each weight changes the visual density of the icon.

thin
light
regular
bold
fill
duotone

Sizes

Icons can be rendered at any pixel size.

16px
20px
24px
32px
40px
48px