SVG Path Editor

Fans gush over a tiny lifesaver while throwing shade at AI and begging for fun tweaks

TLDR: A clean, browser-based SVG path editor won praise for highlighting commands and enabling precise tweaks, while users debated pro features like smooth line‑to‑curve conversion. The loudest take: AI still fumbles vector logos, so this approachable, human-friendly tool remains essential for designers and tinkerers alike.

A minimalist, in-browser SVG path editor just sparked big vibes for a small tool. Think: a tidy workspace where you can resize, rotate, nudge, and clean up vector shapes—those crisp, line‑based images that never get blurry. The crowd loves that it highlights each drawing command when you hover, making mysterious path letters feel human. One power user even flexed, saying they use it often for surgical, command‑by‑command edits—proof this isn’t just a toy, it’s a trusty sidekick for pixel‑precise people.

But the plot twist? AI got dragged. One commenter tried ChatGPT and Google’s Gemini to turn simple logo images into clean vectors and found it “still a daunting task.” Cue the chorus: until the bots can trace curves like pros, handy tools like this stay king. It’s Team Craft vs. Team Bot, and today the crowd picked the underdog with a clean UI and a grid.

Feature wishlists also flew fast. A sharp‑eyed fan asked if it can smoothly convert straight lines into curves—the kind of pro move that separates a quick fix from a workflow upgrade. Another cheeky suggestion stole the show: make the favicon mirror the current drawing—a tiny flex for a tiny tab icon. Verdict: tidy, clever, and surprisingly dramatic for a path editor. The comments? Pure designer catnip.

Key Points

  • The tool is an SVG Path Editor with controls to open, save, clear, and add paths, plus undo/redo and sharing/export.
  • Configuration options include X/Y position, Width/Height, lock toggle, Snap to Grid, Point Precision, Show Ticks with Interval, Fill, and Preview.
  • Path Operations support Scale (X/Y), Translate (X/Y), Rotate with Angle and origin, and precision controls like Number of decimals and Round.
  • Command utilities include Convert to relative/absolute, Reverse, Optimize, and Minify output to streamline path data.
  • Supported SVG commands displayed include M, L, C, Q, T, and A, enabling direct editing of move, line, Bézier, smooth, and arc operations.

Hottest takes

"the favicon could even replicate the current svg state" — croisillon
"converting between line segments and bezier curves smoothly?" — doanbactam
"tools like this one will still be needed for a while" — AmbroseBierce
Made with <3 by @siedrix and @shesho from CDMX. Powered by Forge&Hive.