Icon
A wrapper around SVG elements to help control size, color and rotation.
Sizes
Rotation
Fill and stroke colors
Control SVG fill and stroke colors using the fillColor and strokeColor props.
Component props
| Name | Type | Description |
|---|---|---|
| size | IconSize | "xs" | "sm" | "md" | "lg" | "xl" (default: "sm") |
| color | FontColor | Icon color |
| rotate | number | Rotation in degrees |
| strokeWidth | StrokeWidth | "0.5" | "1" | "1.5" | "2" | "3" | "4" |
| strokeColor | StrokeColor | SVG stroke color (semantic, Tailwind color, or color-shade) |
| fillColor | FillColor | SVG fill color (semantic, Tailwind color, or color-shade) |