How do I scale an SVG path to a specific size?

Paste the SVG, set Size in px (default 100), then click Scale to size. If the path is larger than the target it shrinks; if smaller it enlarges.

Is size width, height, or max side?

The tool uses the path bounding box and scales so the relevant span matches the target size.

Open Scale SVG Path to Fit ViewBox.

FAQ

Quick answers

How do I scale an SVG path to a specific size?: Paste the SVG, set Size in px (default 100), then click Scale to size. If the path is larger than the target it shrinks; if smaller it enlarges.
Is size width, height, or max side?: The tool uses the path bounding box and scales so the relevant span matches the target size.
Fit the current viewBox instead?: Open Scale SVG Path to Fit ViewBox.
Prefer a unitless factor?: Use Scale SVG Path by Factor.

Source

Size

Ready

React component

React Native (react-native-svg)

PNG export · 2× for retina

0 B