Rotating a scaled SVG, the SVG will get blurry

I can reproduce this – this seems to be a browser issue with scaled SVGs which are also rotated on the Y axis. To avoid this, resize your SVG using the resize handles. Please note that if you hold down command it will ‘scale’ your SVG, which is what is triggering this problem.

This example document shows the difference: SVG Test.zip (53.3 KB)

If you have an SVG that can’t be resized using this method, it has a ‘viewbox’ which can be removed with the tool referenced on this thread: Scale SVG in symbols or groups & Target with CSS

1 Like