What does move to origin mean for a path?

The tool measures the path bounding box and shifts every coordinate so the top-left of that box lands at (0, 0).

Does the viewBox change?

Yes. After moving to origin, the viewBox retightens around the shifted content.

Origin is the SVG coordinate system's top-left — the path's minimum X and Y from its bounding box are subtracted.

Open Center SVG Path to place the graphic in the middle of the existing viewBox window.

FAQ

Quick answers

What does move to origin mean for a path?: The tool measures the path bounding box and shifts every coordinate so the top-left of that box lands at (0, 0).
Does the viewBox change?: Yes. After moving to origin, the viewBox retightens around the shifted content.
How is origin (0, 0) determined?: Origin is the SVG coordinate system's top-left — the path's minimum X and Y from its bounding box are subtracted.
Want to center in the viewBox instead?: Open Center SVG Path to place the graphic in the middle of the existing viewBox window.

Source

Ready

React component

React Native (react-native-svg)

PNG export · 2× for retina

0 B