Launched this week
SVGDraw
Create, edit, optimize and export SVGs for the web
2 followers
Create, edit, optimize and export SVGs for the web
2 followers
SVGDraw gives developers and designers 26 free SVG tools in one place. Edit vector nodes, trace PNG and JPEG images, recolor artwork, optimize with SVGO, animate SVGs, and export React/TSX or Vue components. Use the tools without signing up. Browser-side tools process artwork locally; raster tracing uses a server that returns the result and discards the upload.
Free
Launch Team
Customer.ioAutomate Messaging Everywhere — Startups Get 12 Months Free
Promoted
Hey everyone, I’m Joel. SVGDraw started with something I needed for my own work: smaller files, without having to guess what the compression had changed.
I wanted to see the differences before downloading anything. So I built a comparison that marks the changed areas, along with a slider to choose how much optimization to apply. Sometimes the smallest file isn’t the one you want to use.
From there, I kept adding things I needed: more conversion options, an SVG editor, animation, and a “send to tool” option. That last one saves me from downloading a file just to upload it again for the next task.
I also wanted someone who has never edited an SVG to be able to get started without signing up or learning a complicated editor. That’s the goal, anyway. I’d really like to know how close I’ve come for people using it for the first time.
I’ve had a lot of fun with the morph generator, SVG to 3D, animation, and redraw-to-SVG tools. But compression is still where this started for me.
My plan is to keep the tools and downloads free forever. These have been useful to me, and seeing other people find a use for them would make me very happy.
If you have an SVG you’re working on, try it here. Did the compression keep the details you cared about? Could you move between tools without getting stuck? If something looks wrong or feels confusing, please tell me. I want to keep improving it with your feedback.