: Export from Sketch - vector to SVG strange output I'm trying to export some vector icons I drew from sketch into SVG and PNG. Here are my icons in sketch: All nice and crisp. The shapes

@Sent7350415

I ran into same issue and while reading I experimented a few things. I was able to export the desired output by converting the shape into outlines (shortcut is Shift + Command + O`). It will create a combined shape but you can remove unnecessary shapes and when you export it will export with curves!

Vote Up Vote Down

@Eichhorn212

Even I had the same problem while exporting SVG from sketch. The only solution is, you have to make it as a combined shape while exporting. It works but it is really hard to achieve. Still Sketch(41.2) has that issue.

Vote Up Vote Down

@Alves566

I am not familiar with Sketch, but based on my AI experience, the problem might be that the rounded corners of the hexagon might have been created using a feature that is not a standard SVG feature.

SVG is a vector format but it does not support every possible effect, shortcut and visual candy that the vector editing softwares include. Some effects are impossible to export to SVG because they are not part of the SVG definition.

In AI, for example, there is more than one way to make rounded corners. Some of them are very easy to use, like drawing a rectangle and applying a "rounded corner" effect, while some other ways are more time consuming, like painstakingly drawing every rounded corner using the pen and the anchor handles. The result is the same but the methods are quite different.



AI seems to be pretty good at saving SVGs so they don't loose any effect, but If I would find this problem in AI (try to export an effect and notice it does not make it to the SVG), I would try to make the illustration as basic as possible before saving it as an SVG. In AI I would try to "expand" the illustration which basically means "break all the complicated effects into simple shapes". This option would take, for example, the "rounded corner" effect and automatically convert it into a curve, as if I would have drawn it manually. If there is a similar option in Sketch, you could give that a try.

Vote Up Vote Down