: SketchApp distorts an svg I have an SVG (originally made in Adobe Illustrator - AI and exported) which renders properly in browser and photoshop. But when I load it in sketch (where I really

@Becky351

I had similar issues when resizing an SVG image I drag'n'dropped into Sketch. Points that were anchored together in the original image (created using Illustrator) and looked OK after first importing the file to Sketch would suddenly get separated after resizing. What helped me get rid of this issue was creating a symbol out of the image. Afterwards, I could resize it normally and the points would still look correct.

Vote Up Vote Down

@Pope1402555

So there are 2 possible fixes.


Get rid of "clipping mask": Our designer who created the .ai just removed it. And it fixed the problem for me.
Change decimal settings: As Andy Mercer commented, "Check on the export settings, specifically the decimal places that it is set to. I ran into this problem exporting vector images to SVG out of Adobe Illustrator. The decimals setting was set to 0, so everything got rounded and looked really janky."

Vote Up Vote Down