Skip to main content
FromSVG LogoFromSVG
Back to Tools

Flip Vertical

Mirror your SVG graphics vertically across the X-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 Vertical 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 Vertical

Mirror SVG assets vertically across the horizontal X-axis for layout adjustments and icon variations. The utility wraps vector content in a matrix group transformation (`translate(0, height) scale(1, -1)`), maintaining exact canvas bounds. Ideal for generating directional icons and symmetrical vector graphics.

How It Works

01

Input your SVG.

02

The tool mirrors graphics vertically.

03

Copy or download the flipped SVG.

Vertical transform notes

Flip Vertical mirrors an SVG across its horizontal axis for reflected artwork, directional variants, or layout experiments. It applies a group transform and keeps the source geometry inside the transformed group for review.

What this tool does

  • Wraps supported SVG content in a vertical mirror transform.
  • Preserves the viewport dimensions while changing the artwork’s vertical orientation.
  • Keeps the original path data available for comparison and later editing.

Review before publishing

  • Text and symbols with an intended reading direction may not be appropriate to mirror.
  • A transform can affect how subsequent edits or nested transforms are understood.
  • Preview filters, masks, and external references because their coordinate systems can be sensitive to transforms.

Original

<svg viewBox='0 0 24 24'><path d='M12 4v16l-5-5'/></svg>

Mirrored structure

<svg viewBox='0 0 24 24'><g transform='translate(0 24) scale(1 -1)'><path d='M12 4v16l-5-5'/></g></svg>

Frequently Asked Questions

Is processing client-side?

Yes, all matrix calculations run client-side in your browser.

How is vertical flipping calculated?

It wraps elements in a `<g>` transform group with `translate(0, height) scale(1, -1)`.

Can I combine vertical and horizontal flips?

Yes, you can run horizontal and vertical flip passes sequentially.

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.