Minify SVG Online — Remove Whitespace & Metadata

Minify SVG instantly with our free online tool. Strip editor metadata and unnecessary whitespace for lighter markup — all processing in your browser. For SVGO deep optimization, use our optimize SVG tool.

Loading…
SVG Optimization
Minify and optimize SVG online. Shrink files by removing metadata and unnecessary whitespace.

Features

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

Minify SVG

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

Basic example

Input 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>

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>

Minification options

Remove Comments
Removes all SVG comments (<!-- ... -->) from code

Comparison with/without option:

Original code
<svg> <!-- This is a comment --> <circle cx="50" cy="50" r="40"/> </svg>
With removeComments: true
<svg><circle cx="50" cy="50" r="40"/></svg>
With removeComments: false
<svg><!-- This is a comment --><circle cx="50" cy="50" r="40"/></svg>
Collapse Whitespace
Collapses multiple whitespace characters into single spaces

Comparison with/without option:

Original code
<svg> <text> Multiple spaces </text> <g> Group </g> </svg>
With collapseWhitespace: true
<svg><text> Multiple spaces </text><g> Group </g></svg>
With collapseWhitespace: false
<svg><text> Multiple spaces </text><g> Group </g></svg>
Remove Metadata
Removes metadata elements from SVG code

Comparison with/without option:

Original code
<svg> <metadata>Some metadata</metadata> <circle cx="50" cy="50" r="40"/> </svg>
With removeMetadata: true
<svg><circle cx="50" cy="50" r="40"/></svg>
With removeMetadata: false
<svg><metadata>Some metadata</metadata><circle cx="50" cy="50" r="40"/></svg>
Remove Empty Attributes
Removes attributes with empty values

Comparison with/without option:

Original code
<svg> <circle cx="50" cy="50" r="40" id="" class=""/> </svg>
With removeEmptyAttributes: true
<svg><circle cx="50" cy="50" r="40"/></svg>
With removeEmptyAttributes: false
<svg><circle cx="50" cy="50" r="40" id="" class=""/></svg>
Remove Hidden Elements
Removes elements with display:none or visibility:hidden styles

Comparison with/without option:

Original code
<svg> <circle cx="50" cy="50" r="40" style="display:none"/> <rect x="10" y="10" width="20" height="20" style="visibility:hidden"/> </svg>
With removeHiddenElements: true
<svg></svg>
With removeHiddenElements: false
<svg><circle cx="50" cy="50" r="40" style="display:none"/><rect x="10" y="10" width="20" height="20" style="visibility:hidden"/></svg>

See Beautify indentation options →

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 — Minify

Everything about minification

Why minify SVG?

SVG minification removes whitespace, comments and editor metadata to reduce file size.

Need to unminify SVG?

Use our SVG unminifier to inspect compressed markup.

Need to beautify SVG?

Use our SVG beautifier for readable SVG formatting.

Need deeper SVGO optimization?

Use optimize SVG for SVGO safe, default and aggressive presets.

Minify

Shrink code and assets for production — minify JavaScript, CSS, HTML, JSON and XML before gzip or CDN deploy.

Explore other tool categories

Beautify

Make code readable with consistent indentation — beautify JavaScript, CSS, TypeScript, SCSS, LESS, Markdown, GraphQL, SQL, YAML and more in your browser.

Unminify

Expand minified or compressed code — unminify JavaScript, CSS, TypeScript, SCSS, LESS, SQL, YAML and other formats when debugging or reviewing.

Conversion

Transform data between JSON, YAML, XML and CSV locally — no server uploads.

CSS preprocessors

Compile SCSS or LESS to standard CSS in the browser — pair with beautify or minify for a full stylesheet workflow.

JSON Tools

Validate, format, diff and explore JSON payloads — complementary to minifiers and converters.

SVG Tools

Preview, optimize with SVGO, export Data URI, resize, beautify, convert to JSX and validate SVG — all in your browser.

DevOps & Infra

Terraform HCL format/validate/minify, Dockerfile format & lint, Docker Compose and .env validation.

CI/CD

GitHub Actions and GitLab CI — format YAML and check workflow/job structure in your browser.

Logs & observability

Line-oriented JSON/NDJSON and Nginx/Apache access logs — format, filter, validate, and CSV/TSV.

Kubernetes

Multi-doc manifests, structural validate, Ingress/Deployment starters, and Helm values formatting.

Networking / IP

CIDR, subnets, and IPv4/IPv6 helpers — in your browser.

Security & tokens

JWKS, X.509 certificates, and secrets scan — browser-local.

API & schemas

OpenAPI tools to format, validate, and lint your specs.

Encoding

Encode or decode Base64, URL components and HTML entities — client-side only.

Developer utilities

Timestamps, UUID, ULID, Nanoid, cron, passwords, regex, slugify, number bases, case, text diff, and chmod — all client-side.

Text & Markdown

Count words, build Markdown TOCs, and clean line lists — all in your browser.

Serialization

Serialize and deserialize PHP data structures beside JSON workflows.