How do I remove whitespace from an SVG viewBox?

Paste an SVG with extra empty space, then click Remove whitespace. The viewBox snaps tightly to the artwork with no padding.

Will removing whitespace crop my strokes?

getBBox-based bounds follow geometry fills more than stroke overflow. Very thick strokes may need a tiny manual pad after trimming.

It changes the coordinate window (viewBox), not raster pixels. The vectors stay intact; only empty canvas around them is removed.

No. The tool removes root width and height so scaling relies on the tightened viewBox.

FAQ

Quick answers

How do I remove whitespace from an SVG viewBox?: Paste an SVG with extra empty space, then click Remove whitespace. The viewBox snaps tightly to the artwork with no padding.
Will removing whitespace crop my strokes?: getBBox-based bounds follow geometry fills more than stroke overflow. Very thick strokes may need a tiny manual pad after trimming.
Is this the same as cropping the image?: It changes the coordinate window (viewBox), not raster pixels. The vectors stay intact; only empty canvas around them is removed.
Do root width and height stay after trimming?: No. The tool removes root width and height so scaling relies on the tightened viewBox.

Fix viewBox → Fit to viewBox → Change viewBox →

Source

Ready

React component

React Native (react-native-svg)

PNG export · 2× for retina

0 B