This is perfect for the use of icons and illustration in the web - and this is what SVG is made for. Vector graphics can be scaled without loosing quality and since they are code, they can dynamically be manipulated and animated. It is a way to describe vector information in XML format, so every SVG is a readable text file.

SVG stands for „Scalable Vector Graphics“. No jumping between Illustrator and Sketch, no extra preparation for export - once the library stands, you do not need to touch it, except for design reasons. maintain the original path for future referenceĪll this is possible using only Sketch with the official Sketch plugin “SVGO compressor”.export icons directly to SVG without having to clean them up.have icon symbols with color overrides using shared styles.I arrived there by constantly adapting to the feedback from the developers and educating myself about the SVG specification itself and the way the Sketch export works. In this article I want to share my experiences and show you, what I consider the best way for me to create icon symbols and libraries. I have also tried out many ways to setup icons in Sketch for different projects, some of them making it necessary that I prepare the icons every time the developers needed something. Have you ever created an icon in Sketch and after exporting it, one of the developers on your team sends you a screenshot of a strange, distorted version of this icon? I feel like a lot of designers are struggling with this, at least I have.

Override color inkscape svg css