rotate SVG

SVG Rotate & Flip

Turn an SVG in 90° steps or mirror it either way. The drawing is wrapped in a single transform, so every path in the file stays exactly as the designer left it.

rotate SVG

☞ läuft komplett in deinem Browser — nichts wird hochgeladen

Drop your SVG here

or click to browse — SVG only

one line of transform

What happens when you rotate an SVG

Rotating a photo means resampling every pixel. Rotating an SVG means writing one transform: the drawing is wrapped in a group that is turned around the canvas, and the canvas — the viewBox and the width and height — swaps its two sides when the turn is 90° or 270°. Not a single coordinate in your paths is rewritten.

That is also why the result is exact. There is no interpolation, no soft edges, no drift after four turns — a quarter turn four times gives you the original file back, byte for byte.

three steps

How to rotate or flip an SVG

Drop the SVG

Pick a .svg file — it stays on your device.

Turn or mirror it

Step in 90° increments, flip either axis, stack both.

Download

Same artwork, new orientation.

quick answers

SVG rotate and flip FAQ

Can I rotate by an arbitrary angle?

Not here. At 90° steps the canvas still fits the drawing exactly; at 37° it would not, and you would need padding, a bigger viewBox and a judgement call about what to do with the corners. Steps of 90° cover the real cases — turning an icon, fixing a sideways export — with a result that is exactly predictable.

Does the file change much?

Barely. One group element with one transform attribute is added, and the viewBox and size attributes are updated. Paths, gradients, classes and ids are untouched.

Why does flipping change direction after I rotate?

It does not — it follows what you see. Horizontal always mirrors left to right on screen, which after a quarter turn corresponds to a different axis in the original file. That is the behaviour people expect from an image editor.

What about the title of my SVG?

Any title, desc, style, metadata and defs stay at the top level where they belong. Only the drawing itself goes inside the rotated group, so screen readers still announce the image the same way.

My file had no viewBox

One is added for you, matching the file's width and height. Without a viewBox there is no canvas to swap sides, so a quarter turn would push the drawing outside the visible area.

Is my file uploaded?

No. The file is parsed and rewritten in your browser.

SVG Rotate & Flip

rotate SVG

Drop your SVG here

What happens when you rotate an SVG

How to rotate or flip an SVG

Drop the SVG

Turn or mirror it

Download

SVG rotate and flip FAQ

Ähnliche Tools

Bildgröße ändern

Bild zuschneiden

EXIF-Viewer

Text-Wasserzeichen

Bild drehen & spiegeln

Passfoto

Bild anpassen

Helligkeit anpassen

Sättigung anpassen

Warmer / kalter Farbton

Bild in Graustufen

Fotofilter

Bild verpixeln

Farbe ersetzen

Langbild zerlegen

Lichter anpassen

Perspektive korrigieren

Freihand-Freisteller

SVG Viewer

SVG Resizer

SVG Color Changer

SVG Crop