SVGFlow - Edit, convert and optimise SVG ā entirely in your browser
byā¢
Free online SVG editor. Open a file, change fills and strokes, edit the code, optimise it, and export SVG, PNG or JSX. Runs in your browser ā no upload, no account.
Replies
Best
Maker
š
Hi Product Hunt,
I build small web tools, and I kept running into the same annoyance: every time I needed to do something trivial with an SVG ā swap a fill color, strip the editor metadata Figma leaves behind, turn an icon into a JSX component ā I ended up on a site that wanted me to upload the file, or make an account, or that buried the one thing I needed inside a full design suite.
So I built SVGFlow. It's ~20 small single-purpose SVG tools in one place:
⢠Editor ā layer tree, inspector, live source panel
⢠Cleanup ā SVGO optimizer, color replacer, viewBox/resize fixer, validator
⢠Converters ā SVG to JSX, Vue, Svelte, React Native, data URI, PNG, WebP, PDF, and PNG back to real vector paths
⢠Generators ā sprite sheets, favicons, blobs, section-divider waves, seamless patterns
All of it runs client-side with FileReader and DOMParser. There's no upload endpoint and no server-side processing, so your file genuinely never leaves your machine. No account. Free, funded by ads.
What it doesn't do: animation (no SMIL or CSS timeline editing), and it can't open EPS or AI files. 2 MB cap per file.
Two things I'd love feedback on ā which conversion targets are missing, and whether the editor holds up for anything bigger than icon-sized files. Happy to answer anything in the comments.
Replies