onul.works

SVG Optimizer

Optimize and minify SVG code, then review the cleaned result.

⌘ Runs in browser ◴ No data stored ⌁ Free

Concept

SVG optimization trims SVG file weight while keeping intended output

Use it when preparing icons, illustrations, and reusable vector assets for the web, removing redundant markup without changing the visible output.

SVG optimization is commonly used before publishing inline or downloaded SVG assets. It removes XML declarations, comments, metadata, and extra spaces to reduce payload while preserving structure.

For icon sets or illustration packs, lightweight SVGs improve delivery efficiency, especially when files are repeated across many pages, emails, or design systems.

When to use

Apply it when an icon or SVG illustration is repeatedly deployed, and you need faster download/parsing with the same visible result.

What gets cleaned

The tool removes comments, redundant XML declarations, metadata, duplicate spaces, and trim-safe attributes that usually do not change appearance.

Validation checkpoints

Verify the output preview for icon shape and dimensions, confirm `viewBox` and important accessibility attributes remain correct.

Before release, compare before/after output to ensure viewBox, layout, fill/stroke appearance, and accessibility metadata still meet requirements.

SVG input
Optimized SVG

How to use

  1. 1 Paste SVG code or drag an SVG file into the input area.
  2. 2 Click optimize to reduce unnecessary code.
  3. 3 Check the preview and size change, then copy or download the optimized SVG.

Common use cases

  • SVG comment and metadata removal
  • Compress inline SVG code
  • Optimized SVG preview and download

Frequently asked questions

How do I provide an SVG?

Paste SVG code or drop a .svg file to fill the input box, then run optimization.

What does optimization reduce?

It removes XML declarations, comments, doctype, and metadata tags, then cleans up whitespace to shorten the SVG code.

Can I copy or download the result?

Yes. You can copy the optimized SVG code or download it as optimized.svg, and a preview is shown as well.

Related workflow

SVG OptimizerOptimize the SVG code first so the vector asset is lighter for the web. → Base64 to ImageOpen any Base64 image material to check supporting assets for the same screen. → Favicon GeneratorGenerate favicons if the cleaned logo or icon should also serve as the site icon.