H5Kit

Crop SVG Whitespace

Remove empty space around an SVG and add equal padding around its precise content bounds. Your vector file stays in the browser.

About this tool

Automatically find the visible content boundary of an SVG, remove the surrounding empty space, and add the same padding on every side. The output remains an editable SVG and is processed locally.

How to use

  1. Select or drag an SVG file
  2. Adjust the padding slider or enter an exact value
  3. Preview the tightened viewBox
  4. Download the cropped SVG

FAQ

Does this convert my SVG to an image?

No. The tool keeps the SVG elements and only updates the viewBox around their measured bounds, syncing the width and height to the new aspect ratio.

What unit does the padding use?

Padding is measured in SVG user units, the coordinate system of the viewBox, not fixed pixels. The padding scales proportionally with the graphic at any display size.

Will strokes and transforms be included?

Common SVG shapes, paths, groups, transforms and strokes are included. Complex external resources and filter effects may have browser-dependent bounds.

Are my SVG files uploaded?

No. The SVG is parsed and exported locally in your browser.

Related tools