How do I remove empty SVG canvas margins?

Paste the file and click Crop canvas to tighten whitespace around art.

Is canvas crop the same as changing width and height?

Canvas crop reframes the drawing area; pair with Remove Width/Height for responsive roots.

Yes. Use Set Size From viewBox after tightening the canvas.

FAQ

Quick answers

How do I remove empty SVG canvas margins?: Paste the file and click Crop canvas to tighten whitespace around art.
Is canvas crop the same as changing width and height?: Canvas crop reframes the drawing area; pair with Remove Width/Height for responsive roots.
Can I crop canvas then set size from viewBox?: Yes. Use Set Size From viewBox after tightening the canvas.
Is SVG canvas cropping free?: Yes — free, no upload.

Source

Ready

React component

React Native (react-native-svg)

PNG export · 2× for retina

0 B