How do I flip an SVG path horizontally online?

Paste your SVG (or use the sample), then click Flip horizontally. The path reflects left to right and the source updates instantly.

Do I need to rewrite the SVG path d attribute to flip it?

No. The tool keeps the original path data and applies a transform group (translate(W,0) scale(-1,1)), so you avoid manually negating coordinates.

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

Use this page for path-focused edits. For whole icons or logos, open Flip SVG Horizontally instead.

FAQ

Quick answers

How do I flip an SVG path horizontally online?: Paste your SVG (or use the sample), then click Flip horizontally. The path reflects left to right and the source updates instantly.
Do I need to rewrite the SVG path d attribute to flip it?: No. The tool keeps the original path data and applies a transform group (translate(W,0) scale(-1,1)), so you avoid manually negating coordinates.
Which axis does a horizontal flip use?: A horizontal flip reflects across the vertical center line. The tool uses translate(W,0) scale(-1,1), where W is the SVG viewBox width.
Should I use Flip SVG path or Flip SVG for icons?: Use this page for path-focused edits. For whole icons or logos, open Flip SVG Horizontally instead.

Source

Ready

React component

React Native (react-native-svg)

PNG export · 2× for retina

0 B