Icon
The icon component is a way to align the way iconography static assets are displayed in the product.
- Sizes: Icons should have a number of predefined sizes to provide a holistic experience across the product. Typography pairings may be used for these size values to ensure that they are aligned with the text sizes.
- Colors: Icons should be using values from the design system colour palette. Using parent element text colour for icon fill colour can make this automatic.