Skip to content 
Icon
Icons serve as visual shortcuts and should ease wayfinding through a system. They are used to illustrate simple, usually single ideas such as search, help or forward. They are essential for navigation within digital media online or within iOS or Android applications.
UX/UI Guidelines
Check the design documentation of the component in ZeroHeight.
From Figma to code
...
Customization
INFO
Check everything about the customization mechanics in the "How it works" documentation.
| CSS Variable | Type | Description |
|---|---|---|
--z-icon--color | color | Fill color of the icon |
--z-icon--size | distance | Outer size of the icon |
The color and size of the icon can be customized using the --z-icon--color and --z-icon--size CSS variables or the custom attribute.