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.

Add a comment

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.