SVG Beautifier

SVG beautifier

Turn a one-line minified SVG back into indented, readable code — without changing a single thing it draws.

SVG Beautifier

☞ runs entirely in your browser — nothing is uploaded

Drop your SVG here

or click to browse — SVG only

Before and after

Only whitespace changes — comments, colors and path precision are all kept exactly as they were.

Formatted code

readable again

Make minified SVG readable

A minified SVG is one long line, which is fine for a browser and miserable for a person. This page re-indents it with two spaces per level so you can find the element you need.

Nothing else is touched. Comments stay, colors keep the exact notation you wrote, and every coordinate keeps its decimals — the file will get bigger, and that is the whole point.

three steps

How to format an SVG file

Drop the SVG

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

Read the result

The formatted code appears with two-space indentation.

Copy or download

Take the code into your editor, or save the file.

quick answers

SVG Beautifier FAQ

Does formatting change how the image looks?

No. Only whitespace between elements changes. Colors, coordinates, comments and attribute order are all left exactly as they were.

Why did my file get bigger?

Indentation is real characters. A formatted file is meant for reading and editing — run it through the minifier again before shipping it to a website.

Can it fix a broken SVG?

No. The file has to parse before it can be formatted. If nothing happens, open it in the SVG viewer, which shows exactly where the parser stopped.

Is my file uploaded?

No. Formatting happens in your browser and the file never leaves your device.

SVG beautifier

SVG Beautifier

Drop your SVG here

Make minified SVG readable

How to format an SVG file

Drop the SVG

Read the result

Copy or download

SVG Beautifier FAQ

Related tools

Compress Image

Batch Compress

SVG Optimizer

SVG Minifier