Icon
The Icon component provides a reusable pattern for icon in the interface.
Size
API
| Parameter | Default | Description |
|---|---|---|
|
size
|
inherit | Sizes: xs, sm, md, lg, xl, xxl |
|
label
|
A label on the icon | |
|
icon
|
The icon name or a url to a svg file | |
|
color
|
The color of the icon | |
|
customColor
|
A custom HEX color | |
|
componentElement
|
span | Icon HTML tag |
|
filled
|
If the icons should be filled or not | |
|
decorative
|
false | If the icon is decorative only or serves a purpose. |
CSS API
| Variable | Default | Type | Values | Description |
|---|---|---|---|---|
|
--c-icon--base
|
var(--base) | range | - | Main unit that drives radius and spacing scales. |