Unminify SVG Online — Free SVG Formatter

Unminify minified SVG instantly with our free online tool. Restore readable formatting from compressed SVG. All processing in your browser.

Loading…
SVG Unminification
Unminify compressed SVG online. Restore readable markup for inspection and editing.

Features

Restore readable formatting to minified SVG code with proper indentation and line breaks for easy editing and debugging.

Unminify SVG

Restore readable formatting to minified SVG code with proper indentation and line breaks for easy editing and debugging.

Basic example

Minified SVG

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="40" fill="blue"/><rect x="20" y="20" width="60" height="60" fill="red"/></svg>

Formatted SVG

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"> <circle cx="50" cy="50" r="40" fill="blue"/> <rect x="20" y="20" width="60" height="60" fill="red"/> </svg>

Minification options

Beautify Options
Indentation options for Beautify and Unminify (not used by Minify)

Indentation size

Number of spaces (or tab width) used when formatting SVG.

Indent type

Use spaces or tabs for indentation when beautifying SVG.

Features

Our SVG optimization tool offers a complete set of features for working with SVG files.

Minify SVG

Remove unnecessary whitespace, comments, metadata and hidden elements from SVG files to reduce file size while preserving visual quality.

Unminify SVG

Restore readable formatting to minified SVG code with proper indentation and line breaks for easy editing and debugging.

Optimize SVG

Go beyond minification by removing editor metadata, simplifying paths, and cleaning up unused elements for maximum file size reduction.

Developer notes

• Quick minify on minify-svg removes whitespace, comments and editor metadata without loading SVGO (~780 KB). • Toggle options (remove comments, collapse whitespace, strip metadata) before you minify — all processing stays in-tab. • For path simplification and SVGO presets, switch to optimize SVG after this quick pass. • Pair with validate SVG when you need viewBox or title/desc checks before shipping icons.

When teams pick this route

• Strip whitespace from icons pasted into HTML or React components before commit. • First cleanup pass on Figma/Illustrator exports before deeper SVGO optimization. • Compress sprite candidates when you only need comment and space removal. • Use beautify SVG or unminify SVG to inspect markup, then return here for production minify.

SVG cluster tools

Quick minify on this page is one step in the SVG workflow. For SVGO presets, preview, Data URI export, JSX conversion, resize and validation, open the SVG tools hub or jump to optimize SVG directly.

How SVG Optimization Works

SVG optimization goes beyond simple minification. While minification removes whitespace and comments, optimization analyzes the SVG structure to remove editor metadata (from tools like Illustrator or Inkscape), simplify path data, merge compatible elements, and strip hidden or unused definitions. This can reduce SVG file sizes by 20-60% without any visual change.

SVG Optimization vs Minification — What's the Difference

Quick minification on this page removes whitespace, line breaks and comments — ideal before embedding icons inline. Deep optimization with SVGO removes editor metadata, simplifies paths and cleans unused defs — use our dedicated optimize SVG tool for that workflow. Both preserve visual output. Pair with validate SVG or browse the SVG tools hub.

Frequently Asked Questions — Unminify

Everything about unminification

Can I unminify SVG code?

Yes, paste minified SVG and click Unminify to restore readable indentation.

Beautify instead of unminify?

For SVG formatting, use the SVG beautifier.

Looking for converters, encoders, formatters, and minifiers in one place? Developer tools hub Open the curated developer tools catalogue.

Other actions for this language