fragmented image

[jwolkovitzs]

when using this svg it comes out in pieces fragmented on the screen attached is the svg file and the resulting image where the hair and lapel are sent in random directions

original svg screenShot.svg.zip

[cayleyh]

Hey @jwolkovitzs - I had the same problem. It happens with the way Sketch exports rotations in it's SVGs. If you open your SVG file you'll see some of your groups and paths have rotation transforms applied. The easiest way to get rid of this until the library can address it directly is to reset the bounding box by selecting the rotated graphic and go "Layer > Combine > Flatten" in Sketch before exporting.

The tips in https://medium.com/sketch-app-sources/exploring-ways-to-export-clean-svg-icons-with-sketch-the-correct-way-752e73ec4694 were helpful to me to resolve other Sketch-SVG related issues.