Skip to content
DevLab

✂️ SVG Optimizer / Minifier

Remove metadata, comments, whitespace, editor tags from SVG and round decimals to slash file size. Output as raw / CSS / HTML / JSX / Vue.

✅ 100% free, no signup, runs entirely in your browser

Preview

🔗 Related Tools

📖 How to Use

  1. 1
    Paste SVG or open a file
    Paste SVG code into the left textarea or click Open to load an SVG file. Use the Sample button to try a demo SVG.
  2. 2
    Select optimization options
    Toggle checkboxes such as remove comments, strip metadata, strip editor attributes, and collapse whitespace. Reducing decimal precision can cut size further.
  3. 3
    Copy output or choose a format
    The optimized SVG appears on the right. Switch the format dropdown to output as CSS background-image data URI, HTML img, JSX, or Vue.

❓ FAQ

How much size reduction can I expect?
SVGs exported from Inkscape or Illustrator contain lots of metadata. A 20–60% size reduction is typical. Enabling all options achieves the maximum reduction.
Does removing title/desc affect accessibility?
Yes. If you use the SVG as an img it is usually fine, but inline accessible icons should keep title and desc tags.
Can I use the JSX output directly in React?
Yes. Selecting JSX converts kebab-case attributes to camelCase and replaces class with className, ready to paste into a React component.