- Components
- Icon
Icon
Iconify icon wrapper with size and color variants.
Demo
Installation
terminal
Usage
The Icon component provides a simple wrapper around Iconify icons. Use the
name prop to specify the icon class, size for predefined sizes, and intent for semantic colors.Examples
Sizes
Intents
API
| Prop | Type | Description |
|---|---|---|
| name | string | The Iconify icon class name (e.g., ph--house, ph--user). |
| size | xs | sm | md | lg | xl | 2xl | Predefined size for the icon. |
| intent | current | fg | muted | primary | secondary | success | warning | destructive | Semantic color intent for the icon. |