SVG optimizer
Shrink an SVG, compare before and after, and copy it as a file, data URI, CSS or React component.
848 B → 421 B (50% smaller)
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64" xml:space="preserve"><rect x="6" y="38" fill="#e07a1f" width="52" height="10" rx="2"/><path fill="#2b2b2b" stroke="#2b2b2b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M14 38 14 22 24 22 24 38M40 38 40 14 50 14 50 38"/><circle fill="#fff" cx="19" cy="43" r="2.5"/><circle fill="#fff" cx="45" cy="43" r="2.5"/></svg>
Before and after
Removes comments, editor metadata, scripts, event handlers, unused ids and default values; rounds numbers and shortens paths and colors. Comments starting with <!--! are kept for licenses. Everything happens in this page.
- #design
- #svg
- · runs in your browser
Try next
- Favicon makerTurn one image into favicon.ico, an Apple touch icon and app icons, with the HTML to add them, in one zip.
- Encode & decodeConvert text to and from Base64, URL encoding and HTML entities.
- Image compressorShrink and resize images to WebP, AVIF or JPEG right in your browser; nothing is uploaded.