Hey Product Hunt! I built Vectopea because every time I needed to fix an SVG icon (change a color, nudge a path, remove a stray group) I had two options: open Inkscape or Illustrator, or hand-edit the XML. Neither felt right for a 30-second job. Vectopea treats the SVG file as the source of truth. The code panel shows the exact markup you will export and you can edit it directly. Layer names become element ids, so files are ready for CSS and JavaScript. You get a pen tool with node editing, boolean operations, gradients, filters and layers, and everything runs locally, so your files never leave your browser. There are also single-purpose tools for quick jobs: SVG to PNG, optimizer, resize, crop, recolor and a viewer. It is free and needs no account. I would love feedback on what is missing for your workflow, especially from developers who ship SVGs in their apps.

Vectopea

Free online SVG editor with a live code panel

Free online SVG editor with a live code panel