How do I translate SVG path X coordinates?

Paste the SVG, set the X offset in px (default 28), then click Translate X. Only horizontal numbers in d are shifted.

Does vertical position change?

No. This intent shifts X only — Y coordinates in the path d attribute stay the same.

Yes. Enter a negative offset to move the path left instead of right.

Open Translate SVG Path Coordinates for combined X/Y offset inputs.

FAQ

Quick answers

How do I translate SVG path X coordinates?: Paste the SVG, set the X offset in px (default 28), then click Translate X. Only horizontal numbers in d are shifted.
Does vertical position change?: No. This intent shifts X only — Y coordinates in the path d attribute stay the same.
Can I use negative values to shift left?: Yes. Enter a negative offset to move the path left instead of right.
Need both X and Y at once?: Open Translate SVG Path Coordinates for combined X/Y offset inputs.

Source

Ready

React component

React Native (react-native-svg)

PNG export · 2× for retina

0 B