I got tired of cleaning SVGs manually, so I built a tool
SVGs are simple. Working with them isn’t.
Every time I get SVGs from Figma or designers, I run into the same issues:
• inline styles everywhere
• hardcoded colors
• missing or broken viewBox
• random groups and attributes
• inconsistent structure between files
None of this is hard to fix. It’s just annoying to do every single time.
But it’s the same repetitive cleanup every single time before you can actually use the file in a project.
⸻⸻⸻⸻⸻⸻
The frustrating part is that this step is just accepted as normal.
Export → fix → use.
Repeat.
⸻⸻⸻⸻⸻⸻
So I built SVGForce to remove that step.
It takes raw SVGs and turns them into clean, production-ready components:
• consistent structure
• correct viewBox
• currentColor support
• optional gradients and multicolor
• ready for React / React Native
⸻⸻⸻⸻⸻⸻
The goal wasn’t to add anything new.
Just to stop wasting time on something that shouldn’t be a problem in the first place.
⸻⸻⸻⸻⸻⸻
Curious how others deal with this.
Do you clean SVGs manually?
Use SVGO or custom scripts?
Or just live with it?
⸻⸻⸻⸻⸻⸻
Curious how others handle this.
Do you usually clean SVGs manually, or do you have some workflow/tools for it?