Skip to main content
FromSVG LogoFromSVG
Back to Tools

Flip Horizontal

Mirror your SVG graphics horizontally across the Y-axis.

Input

Drag & drop SVG

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

input.svg

Output

Result will appear here

Browser-local SVG Processing

The Flip Horizontal 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 Flip Horizontal

Mirror your SVG graphics horizontally across the vertical Y-axis with a group transform while preserving the document’s viewport attributes. Preview the result to check bounds and artwork that uses filters or embedded assets. Processing runs in your browser.

How It Works

01

Upload your SVG.

02

The engine applies horizontal transformation matrix.

03

Download the flipped SVG.

Horizontal transform notes

Flip Horizontal mirrors an SVG across its vertical axis, which is useful for directional icons and symmetrical variants. The result uses a transform rather than rewriting every path command, so inspect bounds and later editing behavior.

What this tool does

  • Wraps supported SVG content in a horizontal mirror transform.
  • Keeps the original path commands available inside the transformed group.
  • Preserves the document’s viewport values while changing the visual orientation.

Review before publishing

  • Text, directional symbols, and embedded assets may need a deliberate review after mirroring.
  • Transforms can make later hand-editing less obvious than baked coordinates.
  • Filters and external references can have bounds or coordinate behavior that needs browser testing.

Original

<svg viewBox='0 0 24 24'><path d='M4 12h16l-5-5'/></svg>

Mirrored structure

<svg viewBox='0 0 24 24'><g transform='translate(24 0) scale(-1 1)'><path d='M4 12h16l-5-5'/></g></svg>

Frequently Asked Questions

Will text elements flip as well?

Yes, the entire SVG viewport payload is mirrored horizontally.

How is horizontal flipping implemented?

It wraps elements in a `<g>` container with a `translate(width, 0) scale(-1, 1)` transformation.

Will flipped SVGs remain fully editable?

The transform preserves standard SVG nodes and applies a group transform, although you may need to edit the transform matrix if you want to make later geometric changes.

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.