crop SVG

SVG Crop

Drag a box over your SVG to pick the part you want to keep. Only the viewBox changes — every path stays exactly as it was, so you can always crop back out.

crop SVG

☞ すべてブラウザ内で処理 — アップロードは一切ありません

Drop your SVG here

or click to browse — SVG only

a window, not a knife

What cropping an SVG actually changes

An SVG carries its drawing in one coordinate system, and the viewBox is the window you look at it through. Move that window and you have cropped the image — no path is edited, no point is deleted, nothing is redrawn. That is why the result is pixel-perfect at any size, and why you can widen the window again later and get the whole drawing back.

The trade-off is that the file does not get smaller: the parts outside the window are still in there, just not shown. If you want them actually gone, crop here first and then run the file through the SVG optimizer.

three steps

How to crop an SVG

01

Drop the SVG

Pick a .svg file — it stays on your device.

02

Drag the box

Frame what you want, or type exact viewBox numbers.

03

Download

Same artwork, new window onto it.

quick answers

SVG crop FAQ

Does cropping make the file smaller?

No, and that is expected. Cropping moves the viewBox, so the shapes outside it are still in the file — the browser just does not draw them. Run the cropped file through the SVG optimizer if you want the leftovers cleaned up.

Can I undo a crop?

Yes. Because nothing was deleted, opening the cropped file here again and dragging the box back out restores the full drawing. That is the practical difference from cropping a JPG.

Why are the numbers not pixels?

They are viewBox user units — the SVG's own coordinate system. A file can be 24 units wide and render at 512 pixels. The width and height attributes are scaled down in proportion for you, so the cropped file renders at the size you would expect.

My file had no viewBox

One is added for you, matching the file's width and height. Without a viewBox there is no window to move, so cropping would have nothing to act on. Adding it changes nothing visually.

Will it stay responsive?

If your SVG had no width and height attributes — the usual setup for icons sized by CSS — it stays that way. Those attributes are only rewritten when they were there to begin with.

Is my file uploaded?

No. The file is parsed and rewritten in your browser.