How do I scale a path without changing the viewBox?

Paste the SVG, set Factor (above 1 enlarges, below 1 shrinks), then click Scale (keep viewBox). Path d updates; viewBox width/height/min stay put.

If you enlarge past the window, yes. Shrink or use Scale to Fit ViewBox to stay inside.

Also avoid transforms?

This page already bakes into d. See Scale Without Transform for the same idea with transform-focused wording.

Use Scale SVG Path Coordinates (hub) which can retighten the window.

FAQ

Quick answers

How do I scale a path without changing the viewBox?: Paste the SVG, set Factor (above 1 enlarges, below 1 shrinks), then click Scale (keep viewBox). Path d updates; viewBox width/height/min stay put.
Will the path clip?: If you enlarge past the window, yes. Shrink or use Scale to Fit ViewBox to stay inside.
Also avoid transforms?: This page already bakes into d. See Scale Without Transform for the same idea with transform-focused wording.
Want the viewBox to grow with the path?: Use Scale SVG Path Coordinates (hub) which can retighten the window.

Source

Factor

Ready

React component

React Native (react-native-svg)

PNG export · 2× for retina

0 B