How do I translate SVG path Y coordinates?

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

Does horizontal position change?

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

Yes. A negative Y offset moves the path up; positive values move it down.

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

FAQ

Quick answers

How do I translate SVG path Y coordinates?: Paste the SVG, set the Y offset in px (default 28), then click Translate Y. Only vertical numbers in d are shifted.
Does horizontal position change?: No. This intent shifts Y only — X coordinates in the path d attribute stay the same.
Can I shift upward with a negative offset?: Yes. A negative Y offset moves the path up; positive values move it down.
Need both axes 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