Skip to main content
FromSVG LogoFromSVG
Back to Tools

Rotate SVG

Rotate vector graphics by 90°, 180°, or custom angles.

Input

Drag & drop SVG

Drop a .svg file here, click to browse, or paste raw markup below.

input.svg
Rotation Angle (Degrees)

Output

Result will appear here

Browser-local SVG Processing

The Rotate SVG utility processes SVG content in your browser. The raw SVG is not uploaded for processing; actual processing time depends on the file and your device. See the Privacy Policy for normal website requests and hosting logs.

About Rotate SVG

Rotate vector drawings around their center point by 90°, 180°, 270°, or custom angles. The rotation uses the vector viewBox midpoint and a group transform; preview the result to check bounds, filters, and layout after rotation. This is useful for adjusting icon orientations and directional UI elements.

How It Works

01

Paste your SVG.

02

Specify the rotation angle.

03

Download the rotated SVG.

Rotation notes

Rotate SVG applies a viewBox-centered group transform for common or custom angles. It is useful for directional icons and artwork variants, but the rotated composition should be reviewed for clipping, filters, and the intended bounding box.

What this tool does

  • Accepts standard quarter-turn values and custom rotation angles supported by the interface.
  • Calculates the transform around the document’s coordinate center.
  • Keeps the underlying path strings intact inside a rotated group.

Review before publishing

  • A rotated rectangular viewBox may leave whitespace or clip artwork when the aspect ratio changes.
  • Filters, strokes, and nested transforms can extend beyond the original coordinate bounds.
  • If a consumer expects a particular orientation or accessibility meaning, update surrounding labels and tests too.

Original

<svg viewBox='0 0 24 24'><path d='M4 12h16'/></svg>

90° transform shape

<svg viewBox='0 0 24 24'><g transform='rotate(90 12 12)'><path d='M4 12h16'/></g></svg>

Frequently Asked Questions

What rotation angles are supported?

Supports standard 90°, 180°, 270° increments as well as custom degrees.

How does rotation handle center-point alignment?

Rotation is calculated relative to the calculated center `(width/2, height/2)` of the viewBox.

Does rotating SVG alter internal path coordinates?

It applies a clean SVG group rotation transform without mutating underlying path definition strings.

Related Vector Utilities

View all 39 tools
Clean SVGClean & Repair

Remove Figma, Illustrator, and Sketch export noise.

Remove MetadataClean & Repair

Strip title, desc, and other metadata from your SVG.

Repair SVGClean & Repair

Fix invalid markup, missing viewBox, and broken exports.

Remove CommentsClean & Repair

Strip all HTML/XML comments from your SVG.