Awesome Toolkit

SVG Optimizer

Clean and minify SVG files by removing comments, metadata, and unnecessary whitespace.

How to use the SVG Optimizer

  1. Paste SVG code into the left panel or upload a .svg file.
  2. Choose which optimizations to apply.
  3. Click Optimize — the cleaned SVG appears on the right with a size reduction report.
  4. Copy the result or download the optimized .svg file.

What gets removed

  • Comments — <!-- … --> blocks often left by design tools.
  • Metadata — <metadata>, <title> (unless it provides accessibility), editor namespaces (xmlns:inkscape, xmlns:sodipodi, etc.).
  • Hidden elements — nodes with display:none or visibility:hidden.
  • Whitespace — redundant spaces, tabs, and newlines between tags.

This is a lightweight client-side optimizer. For production use, consider running SVGO in your build pipeline.