How do I mirror an SVG path vertically?

Paste your SVG or use the sample arrow, then click Mirror vertically. The path flips top to bottom and the source updates instantly.

Which axis is used for a vertical mirror?

A vertical mirror reflects the artwork across the horizontal center line. The tool uses translate(0,H) scale(1,-1), where H is the SVG viewBox height.

What height is used when a vertical mirror has no viewBox?

The tool falls back to the root height attribute. An explicit viewBox height gives the most predictable vertical reflection.

Does a vertical mirror keep fill and stroke attributes intact?

Yes. Only a transform wrapper is added or removed, so fills, strokes, and markers stay on the original path elements.

Mirror SVG Path Vertically — Free Online Tool

FAQ

Quick answers

How do I mirror an SVG path vertically?: Paste your SVG or use the sample arrow, then click Mirror vertically. The path flips top to bottom and the source updates instantly.
Which axis is used for a vertical mirror?: A vertical mirror reflects the artwork across the horizontal center line. The tool uses translate(0,H) scale(1,-1), where H is the SVG viewBox height.
What height is used when a vertical mirror has no viewBox?: The tool falls back to the root height attribute. An explicit viewBox height gives the most predictable vertical reflection.
Does a vertical mirror keep fill and stroke attributes intact?: Yes. Only a transform wrapper is added or removed, so fills, strokes, and markers stay on the original path elements.

Mirror horizontally → Mirror whole SVG → Looking for “flip”? Open Flip vertically →

Privacy Terms

Source

Ready

React component

React Native (react-native-svg)

PNG export · 2× for retina

0 B

Mirror SVG Path Vertically

Live preview