Home

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.

TokenValueExample
--r-icon-size-s 16px
--r-icon-size-m 24px
--r-icon-size-l 32px