Optimize up to 50 SVG files at once and download as a ZIP.
Drop files here or click to browse
Up to 50 files, max 50MB each
| Plugin | What it does |
|---|---|
| removeComments | Removes XML and SVG comments |
| removeMetadata | Removes <metadata> blocks added by design tools |
| cleanupAttrs | Cleans up attribute formatting and whitespace |
| minifyStyles | Minifies inline CSS style attributes |
| cleanupIds | Removes unused IDs and shortens referenced ones |
| convertColors | Converts colors to shorter hex notation |
| convertPathData | Optimises path data commands and coordinates |
| mergePaths | Merges adjacent paths with identical styles |
| collapseGroups | Collapses unnecessary group elements |
| removeUselessDefs | Removes <defs> with no referenced elements |
Paste an SVG document into the source editor and run optimization. Start with the minimal example below, which includes a comment but no artwork. The optimizer removes that comment while retaining the SVG namespace. For a real icon, compare the sanitized preview and output markup before copying or downloading the result. Keep your source file so you can return to its editable structure later.
The optimization settings preserve the viewBox and accessible title and description, but other metadata, unused definitions, and editor details can be removed. Scripts, event handlers, and JavaScript URLs are rejected rather than executed. This is an SVG optimizer, not a raster image converter. Use the bulk area for several separate SVG files, with a 50MB limit per file, and review each result before replacing production assets.
Input: <svg xmlns="http://www.w3.org/2000/svg"><!-- note --></svg>
Output: <svg xmlns="http://www.w3.org/2000/svg"/>
SVG optimization removes unnecessary content from SVG files: editor metadata, comments, hidden elements, default attribute values, and redundant whitespace. It also merges paths, converts shapes to shorter equivalents, and rounds decimal coordinates. The result is a smaller, cleaner SVG that renders identically.
Savings vary widely depending on how the SVG was created. Exported from Illustrator or Inkscape: 50-80% reduction. Hand-optimized SVGs: 10-30%. SVGs from design tools like Figma are already somewhat clean: 20-50%. This tool shows you the exact byte savings.
With default settings, optimization is lossless β the optimized SVG renders identically to the original. Aggressive options like removing viewBox or merging styles could affect scaling or external styling. This tool uses safe default SVGO presets.
Yes. An optimized inline SVG can be pasted directly into HTML. For img tags or CSS backgrounds, save as an .svg file. For very small icons, consider converting to a data URI (e.g., url("data:image/svg+xml,...")) for zero HTTP requests.