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