How do I scale an SVG path to fit the viewBox?

Paste the SVG and click Scale to fit viewBox. The path enlarges or shrinks to sit inside the window.

Does the viewBox change?

The intent is to fit content to the existing viewBox. Other scale pages may retighten the window instead.

This page is built for that — the sample starts undersized so one click fills the frame.

Use Scale SVG Path to Specific Size.

FAQ

Quick answers

How do I scale an SVG path to fit the viewBox?: Paste the SVG and click Scale to fit viewBox. The path enlarges or shrinks to sit inside the window.
Does the viewBox change?: The intent is to fit content to the existing viewBox. Other scale pages may retighten the window instead.
Tiny icon in a large canvas?: This page is built for that — the sample starts undersized so one click fills the frame.
Target an exact pixel size?: Use Scale SVG Path to Specific Size.

Source

Ready

React component

React Native (react-native-svg)

PNG export · 2× for retina

0 B