Icon size
Semantic tokens for icon size provide a standardized way to define and apply dimensions to icons across components in the design system. These tokens abstract the concept of icon sizing into reusable variables, ensuring consistency while allowing for flexibility in customization.
Is inherited only by the font-size property for __icon elements.
| Sample | Token | Base token value |
|---|---|---|
| $cds-icon-100 | $cdsbt-dimension-16 1 rem | |
| $cds-icon-150 | $cdsbt-dimension-24 1.50 rem | |
| $cds-icon-200 | $cdsbt-dimension-32 2 rem | |
| $cds-icon-300 | $cdsbt-dimension-48 3 rem | |
| $cds-icon-600 | $cdsbt-dimension-96 6 rem |