Skip to content
DevToolStudio
tutorialQ
SVG Optimizer
Optimize and minify SVG files. Remove metadata, editor data, and unnecessary attributes.
Options
Remove comments
Remove metadata (title, desc)
Remove editor data (Inkscape, AI)
Remove empty attributes
Remove hidden elements
Remove XML declaration
Remove width/height (use viewBox)
Prettify output
Number Precision
Upload SVG File
Copy Output
Download
Input SVG
<?xml version="1.0" encoding="UTF-8"?> <!-- Generator: Adobe Illustrator 24.0.0 --> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="200" height="200" viewBox="0 0 200 200" data-name="example-icon" inkscape:version="1.0"> <metadata> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:Description rdf:about=""> <dc:title>Example Icon</dc:title> </rdf:Description> </rdf:RDF> </metadata> <title>Example Icon</title> <desc>An example SVG for optimization demo</desc> <defs> <linearGradient id="gradient1" x1="0" y1="0" x2="1" y2="1"> <stop offset="0%" stop-color="#667eea"/> <stop offset="100%" stop-color="#764ba2"/> </linearGradient> </defs> <g class="" style=""> <circle cx="100.00000" cy="100.00000" r="80.00000" fill="url(#gradient1)" stroke="#333333" stroke-width="2.50000"/> <path d="M60.12345 80.67890 L140.98765 80.67890 L100.54321 150.23456 Z" fill="#ffffff" opacity="0.90000"/> <text x="100.00000" y="105.00000" text-anchor="middle" fill="#ffffff" font-size="24.00000" font-family="Arial, sans-serif"> DEV </text> </g> </svg>
Optimized SVG
Original
Example Icon
Example Icon
An example SVG for optimization demo
DEV
Optimized