Data Display
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) |