How do I mirror an SVG path horizontally?

Paste your SVG or use the sample arrow, then click Mirror horizontally. The path flips left to right and the source updates instantly.

Which axis is used for a horizontal mirror?

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

Yes. The original path data stays intact inside a transform group, so curves and shapes remain editable.

The tool falls back to the root width attribute. Add an explicit viewBox for the most predictable horizontal result.

Yes for this tool. Flip and mirror both reflect the path across an axis. Use Flip SVG Path Horizontally if that is the wording you searched for.

FAQ

Quick answers

How do I mirror an SVG path horizontally?: Paste your SVG or use the sample arrow, then click Mirror horizontally. The path flips left to right and the source updates instantly.
Which axis is used for a horizontal mirror?: A horizontal mirror reflects the artwork across the vertical center line. The tool uses translate(W,0) scale(-1,1), where W is the SVG viewBox width.
Can I mirror a path without changing its d attribute?: Yes. The original path data stays intact inside a transform group, so curves and shapes remain editable.
What if my SVG has no viewBox?: The tool falls back to the root width attribute. Add an explicit viewBox for the most predictable horizontal result.
Is flip the same as mirror for SVG paths?: Yes for this tool. Flip and mirror both reflect the path across an axis. Use Flip SVG Path Horizontally if that is the wording you searched for.

Source

Ready

React component

React Native (react-native-svg)

PNG export · 2× for retina

0 B