Problems exporting SVGs from Sketch 3

I go to export assets from Sketch as SVG files. I have a few problems…

  1. If I select the assets and it automatically slices it, I then save out the SVG file and it gets cut off. circle icon example

  2. Inserting into code looks crisp on safari but in Firefox and Chrome it looks blurry (only on a non retina desktop).

Anyone have problems like this? I thought it was because the icons are 1px lines but they look fantastic on my screen at 100%. I just don’t get it.


You need to make sure you vectorize all of your strokes when exporting to SVG. This will keep your circle icons from being cut off. There is no need to use a mask.

Follow Layer/Paths/Vectorize Stroke.

Source : Link , Question Author : Adelle Charles , Answer Author : Zach Saucier

Leave a Comment