Rotate an SVGTurn an SVG, keep it sharp
Any angle. Still a vector. Nothing cut off.
or drop it here — pasting works too
An SVG drawing: a logo, an icon or an illustration. It stays a vector.
No photo handy?
FreeNo sign-upPhotos stay on your device
Turn an SVG by any angle and keep it a vector: the drawing is wrapped in one rotate transform and the viewBox is recomputed, so nothing is turned into pixels.
Why most rotators blur an SVG
Many online rotators draw the SVG onto a canvas, turn the canvas and save the pixels. The result is a PNG or JPG that blurs when enlarged and can no longer be edited as shapes. An SVG is a set of instructions, so it can be turned by changing the instructions instead: one rotate() transform around the drawing’s centre, and a new viewBox big enough for the turned drawing. The width and height in the file keep their units and scale with the box.
What is changed, exactly
- A <g> element is added around the drawing, carrying rotate(angle, centre x, centre y).
- The viewBox is set to the turned drawing's bounding box (Expand) or left alone (Keep size).
- width and height, when the file has them, are scaled to match the new box in the same units.
- Scripts, foreign HTML, on… attributes and references outside the file are removed; nothing else is touched.
A PNG logo is turned with its transparency on rotate a PNG or logo; a logo that should spin as an animation is the spin animation page.
Questions about this page
Does the SVG stay a vector?
Yes. Every path, shape and text element in the file is kept exactly as written; the page wraps them in one group with a rotate transform. The saved file is still sharp at any size, and it can still be edited in a vector program.
Why does the canvas get bigger?
A drawing turned by an angle that is not a multiple of 90° needs a wider box to fit. With Expand, the viewBox grows to the turned drawing's bounding box, so no corner is cut off. Keep size leaves the viewBox as it was, which crops the corners at most angles.
Is it safe to open an SVG from somewhere else?
An SVG can carry scripts and links. Before anything is previewed, this page removes scripts, embedded web content, event-handler attributes and references to files outside the SVG, and tells you how many it removed. The preview is shown as an image, which cannot run code.
Can I get a PNG as well?
Yes. Also save as PNG draws the turned SVG at 512, 1024 or 2048 pixels on its long side with a transparent background. That copy is pixels; the SVG remains the vector original.
