The Vector Scrubber
Figma exports are messy. Don't ship bloated code.
How it works
Paste your dirty SVG from Figma or Illustrator.
The tool sanitizes the markup using a native parser.
It removes: empty groups, weird IDs, comments, and bloat.
It adds: viewBox and fill="currentColor" for flexibility.
Export to Clean SVG, React/JSX, or CSS Data URI.
Why it matters
Design tools generate XML junk - empty groups, weird IDs, and comments. This bloats your DOM and hurts performance. This tool scrubs the markup using a native parser, stripping the cruft while preserving the geometry. It also formats it for React or CSS instantly, saving you the 'attribute renaming' dance.
Sanitization Steps
1. Remove attributes: id, data-name, enable-background
2. Unwrap empty <g> groups
3. Remove XML comments
4. Round decimal precision (10.2342352 → 10.23)
5. Add viewBox and fill="currentColor"