Icon sizing
Icons are sized based on our spacing and grid scale to achieve a coherent apperance of icons in our products. When pairing icon size with text or other elements, aim for keeping a natural balance between icon and text.
Token | Value | Example |
---|---|---|
--r-icon-size-s | 16px | |
--r-icon-size-m | 24px | |
--r-icon-size-l | 32px |