Edit SVG Paths Online
Edit SVG path commands visually by dragging control points. Create and modify complex shapes, curves, and lines - see the path data update in real time as you drag.
SVG Path Editor
Edit SVG paths and Bezier curves visually
Drag handles to edit, or focus one and use arrow keys (Shift for larger steps).
M 200 100 C 200 50, 250 0, 300 50 C 350 100, 300 200, 200 350 C 100 200, 50 100, 100 50 C 150 0, 200 50, 200 100 ZQuick Start
- 1Paste SVG path data or start with a template
- 2Drag control points to modify the shape
- 3Add or remove path commands
- 4Copy the updated SVG path data
More Generate Tools
All generators →Generate Color Shades & Tints Online
Generate lighter and darker shades of any color. Free online color shade generator for designers.
Generate URL Slugs Online
Convert any text into clean, SEO-friendly URL slugs. Free online slug generator.
Generate Barcodes Online - Code128, EAN, UPC
Generate barcodes in Code128, EAN-13, UPC-A, and other formats. Free online barcode generator with download.
Generate a Changelog Online - Keep a Changelog Format
Generate a CHANGELOG.md file in Keep a Changelog format. Free online changelog generator for open-source projects.
Generate an HTML Email Signature Online
Create a professional HTML email signature with social links and branding. Free online email signature generator.
Generate a Dockerfile Online
Generate production-ready Dockerfiles with multi-stage builds. Free online Dockerfile generator for Node.js, Python, Go, and more.
Looking for FAQs and advanced options? Visit the full SVG Path Editor page →