SVGKit
← Browse all toolsSVG Rotate / Flip

SVG Rotate / Flip

Edit

Rotate SVG content by a custom angle and flip it horizontally or vertically.

Loading...

Page context

Where SVG Rotate / Flip fits

SVG Rotate / Flip wraps SVG content in a transform group to mirror and rotate the artwork.

Related guides

Transform model

The tool keeps root SVG attributes and places existing content inside a transformed group.

Manual controls

Use the live angle slider and independent horizontal and vertical flip controls to build the transform you need.

Edits land as real SVG attributes select on canvas <rect x="130" y="120" width="100" height="70" fill="currentColor" /> standards-based — renders anywhere
SVG Rotate / Flip edits real SVG structure — what you change on the page is what lands in the file.
A selected rectangle with handles flowing into a real SVG rect element, illustrating how SVG Rotate / Flip edits land as standards-based attributes.

What you can change

SVG Rotate / Flip edits real SVG structure — elements, attributes, and values as they exist in the document — so what you change on the page is what lands in the file.

Edits are real SVG

Nothing is converted into a proprietary format along the way. The result remains standards-based markup that renders the same in browsers, editors, and build pipelines.

Drafts, undo, and safety

Changes stay local with undo support, and active content such as scripts stays blocked. Your working state lives in the browser, never on a server.

Export quality

Exports are clean SVG without editor metadata, so the file you download is the file you edited — ready for production or for another SVGKit tool.

How to use

  1. Paste SVG. Paste SVG markup.
  2. Transform. Adjust the angle and toggle horizontal or vertical flips while watching the live preview.
  3. Copy or download. Copy the transformed SVG or download it as an SVG file.

Frequently asked questions

Does it edit every path?
No. It wraps content in a transform group.
Can I rotate by custom degrees?
Yes. The live slider supports angles from -180 to 180 degrees.
Does it preserve viewBox?
Yes. The root viewBox stays unchanged.
Is SVG Rotate / Flip free?
Yes. SVGKit tools are free to use with no account required.
Does SVG Rotate / Flip upload my files?
No. The tool runs entirely in your browser, so your files never leave your device.
Will edits survive being reopened elsewhere?
Yes. The output is standard SVG, so any editor, browser, or build step reads the same result.
Can edits break references?
Renaming or removing elements can affect IDs that CSS or animation targets reference. Check those references before shipping major changes.
Does it work on any SVG?
Standards-based SVG works best. Files with active content are sanitized on import.