FREE SVG CROPPER

Crop SVGs the vector way.

Cropping an SVG doesn’t cut pixels – it reframes the viewBox, the window through which the artwork is seen. Trim padding, isolate an element, or recenter a logo without altering a single path.

Drop your SVG file here

or browse from your device – edited instantly, right in your browser.

100% FREE · NO UPLOAD · NO SIGNUP

“Trim whitespace” measures your artwork’s true bounds and snaps the viewBox to fit – or edit the four viewBox values directly with live preview.

Non-destructive cropping

The artwork outside the viewBox isn’t deleted – it’s just outside the frame. Re-crop differently anytime; nothing is ever lost.

Kill awkward whitespace

Exports from design tools often include huge empty margins. Tightening the viewBox makes the graphic fill its box properly in layouts.

Isolate one element

Zoom the viewBox onto a single icon in a sheet or one element of a complex illustration – instant asset extraction.

STEP BY STEP

How to crop an SVG

  1. Load the SVG Drop your file into the cropper above – the current viewBox="x y width height" values fill the four inputs.
  2. Trim or reframe Click “Trim whitespace” to snap the frame to your artwork’s true bounds (with optional padding) – or edit the X/Y/W/H values directly with live preview.
  3. Check the framing Whatever the preview shows inside the frame is your cropped result. Nothing is deleted – widen the values to un-crop anytime.
  4. Export Download the cropped SVG, or rasterize the new framing via SVG to PNG.

The viewBox is a camera, not scissors

Raster cropping discards pixels forever. SVG cropping moves a camera: viewBox="minX minY width height" says “show this rectangle of the coordinate system.” Everything outside still exists in the file – change your mind and widen the frame again with zero loss.

This also enables tricks raster can’t do: animate the viewBox to pan and zoom across artwork, or ship one detailed illustration and crop different regions of it for different layout slots. Deep dive: SVG viewBox explained.

FAQ

Frequently asked questions

How do I crop whitespace around an SVG?

Tighten the viewBox to hug the artwork: lower the width/height values and adjust minX/minY until the preview shows no margin. In Inkscape, “Resize page to drawing” does the same automatically.

Why does my cropped SVG look squashed?

The viewBox aspect ratio no longer matches the width/height attributes. Match them (or remove width/height) and the distortion disappears.

Can I crop out just one icon from an icon sheet?

Yes – set the viewBox to that icon’s coordinates. You can find them by clicking elements in the code and reading their x/y values.

Does cropping reduce file size?

No – the paths still exist outside the frame. To actually remove unseen elements, delete them in the editor, then optimize.

KEEP EXPLORING

Related tools & guides

SVG Resizer

Change SVG dimensions losslessly, visual or by code.

SVG Editor

Visual + code editing for SVG files, free in your browser.

SVG Code Editor

Live SVG markup editing with instant preview.

SVG Optimizer

Clean SVG markup for faster pages and smaller bundles.

How to Resize an SVG Without Losing QualityTrick question: every SVG resize is lossless – if you change the right numbers. The width/height/viewBox model in plain language, plus the responsive pattern.How to Edit SVG Files Online (No Illustrator Needed)Recolor, resize, fix, and restructure SVG files entirely in your browser – the visual workflow, the code workflow, and which edits need which.

Design, convert, and ship SVGs in one place.

The full Free SVG Online studio – catalog, visual editor, and code inspector. No account, no limits, free forever.

Open Studio Browse all tools