Icon system for design system #528
Description
Bug Report
- I’ve read and understood the Contributing guidelines and have done my best effort to follow them.
- I’ve read and agree to the Code of Conduct.
- I’ve searched for any related issues and avoided creating a duplicate issue.
What happened
SVGs have an ability to inherit the current text color. Our current SVG's are inputted with data uri's which means we can not inherit the fill colour. The result is having multiple SVG's for different colour schemes and hover styles.
Icons using chevron have to import potentially four different icons for colour variations. This also increases if the chevron is used in different components. We don't have one chevron for the design system when we should.
What I expected to happen
We can create an icon system or deploy components with SVG's. This would allow us to ship one svg instead of potentially four different ones.
This would allow us to deprecate call to action and direction links.
Icons used across the design system will be updated to use the one icon component.
This is also a good time to start thinking about how we can use modern file formats such as svg, webp or jpg xr. Thanks @adamzerella !