split SVG

SVG Split

Break one SVG into its top-level pieces. Preview every group, symbol and shape, tick the ones you want, and take them away as separate files.

split SVG

☞ runs entirely in your browser — nothing is uploaded

Drop your SVG here

or click to browse — SVG only

one file per piece

What counts as a piece

Only the top level of the file is split, and only the parts that actually draw something: groups, symbols, paths, shapes, text and images. Gradients, filters, masks and stylesheets are definitions rather than drawings, so they are never listed on their own — a file containing just a gradient would be blank.

Every exported piece carries the whole set of definitions and styles from the original. That makes each file bigger than it strictly needs to be, and it is the deliberate trade: a piece that renders exactly as it did inside the original beats a smaller one with a missing gradient. Run the results through the SVG optimizer to drop what they do not use.

three steps

How to split an SVG

Drop the SVG

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

Tick the pieces

Each one is previewed exactly as it will be exported.

Download

One piece downloads directly, several arrive as a ZIP.

quick answers

SVG split FAQ

Why is each piece as big as the original?

Because it brings along the whole defs block and any stylesheet. Working out which gradient or filter a given shape really uses is guesswork that goes wrong quietly, so every piece gets the lot. The SVG optimizer removes the unused parts in one pass.

Nothing was listed — why?

The whole drawing is probably inside a single group, which counts as one piece. Splitting is deliberately limited to the top level; going deeper would produce hundreds of fragments from a typical illustration.

Does it work on icon sprites?

Yes, that is the case it handles best. Each symbol in a sprite becomes a standalone file using that symbol's own viewBox, so you get one properly cropped icon per file rather than a blank canvas.

Are the pieces cropped to their contents?

No. Each piece keeps the original viewBox, so it stays at the same position and scale as it had in the full drawing. Use the SVG crop tool afterwards if you want it tightened up.

How many pieces can it handle?

The first 100 top-level pieces are listed. Beyond that the previews take longer to build than the split is worth — flatten or group the file first.

Is my file uploaded?

No. The file is parsed and split in your browser, and the ZIP is built there too.

SVG Split

split SVG

Drop your SVG here

What counts as a piece

How to split an SVG

Drop the SVG

Tick the pieces

Download

SVG split FAQ

Related tools

Pixel Art

Image Splitter

Image to ASCII Art

Pixel Grid Guide

Film Negative

Placeholder Image

Emboss Effect

Vintage Photo Effect

Ink Painting Effect

SVG Merge