Everything you need to know to build stunning, animated interfaces with the world's most versatile icon library.
Bring your UI to life with our built-in micro-interactions. No extra CSS or JS required. Just add the animation prop to any icon.
<FluxIcon name="bell" animation="shake" />Why settle for standard icons? With our exclusive Icon Mixer, you can combine any two icons to create unique, meaningful symbols for your application. Perfect for status indicators, badges, and complex UI states.
Create combinations like "Secure Folder", "User Pro", "Add to Cart" and more.
Elevate your design with our premium Liquid Glass icons. These are not just SVGs; they are crafted with gradients, opacity layers, and blur effects to mimic the look of frosted glass and 3D materials.
| Prop | Type | Default | Description |
|---|---|---|---|
| name | String | - | Icon name (e.g. "home", "user-duotone") |
| size | Number | String | 24 | Size in pixels. |
| animation | String | "" | Hover effect (shake, beat, bounce-y...). |
| color | String | currentColor | Fill or stroke color. |