Skip to content

Icons, and how to optimize them for the design system

Cameron Baney edited this page Apr 7, 2021 · 3 revisions

Have the icon shapes (white part) outlined and combined. This allows the system to set its colors properly and to be built properly. I did this using "Convert to Outline" in Sketch, and it is also available in Illustrator. This turns all of the shapes (lines, rectangles, etc.) into one path.

You can reference this article for a more detailed guide and explanation. How to create SVG-ready icon symbols in Sketch

Clone this wiki locally