IconVault logoIconVault
Sign in

SVG Path Editor - Free Online Bezier Path Tool | IconVault

Draw SVG paths visually: click to add points, drag handles to shape Bezier curves, copy the path data or full SVG. Free, in your browser.

All tools

SVG Path Editor

Draw Bezier paths visually, copy the d attribute

5 of 5 free uses left

Next point type

The first click is always M (move). Then click on the canvas to add points.

Path data (d)

Click the canvas to start drawing.

5 of 5 free copies left - everything runs in your browser.

Click anywhere to add a point. Drag points to move them and the orange handles to shape curves.

About this tool

IconVault's SVG Path Editor lets you draw vector paths on a grid canvas without hand-writing path data. Click to add points, then drag points to move them and drag the orange Bezier handles to shape curves. Choose the next point type from line (L), cubic Bezier (C) or quadratic (Q), and toggle close path (Z) to fill shapes.

The path data (d attribute) updates live as you draw and can be copied with one click, along with a complete copy-paste SVG snippet ready for your page. Points can be selected, deleted or cleared entirely. It is free and runs 100% in your browser.

Frequently asked questions

Popular searches

svg path editorsvg path editor onlinebezier path editorsvg bezier curve editordraw svg path onlinesvg path makersvg path generatorcreate svg pathsvg d attribute generatorgenerate svg path datasvg path data editoredit svg path onlinevisual svg editorsvg curve editorbezier curve maker onlinecubic bezier editorquadratic bezier editorsvg line path toolsvg path drawerdraw vector path onlinesvg path tool freefree svg path editorsvg path editor no signupsvg path commandssvg m l c q zsvg path d explainedwhat is svg path datasvg path syntaxsvg path tutoriallearn svg pathssvg path cheat sheetcopy svg path datasvg path to codesvg path snippet generatorvector path editor onlineonline vector drawing toolsimple svg editorsvg shape makersvg icon path editormake svg icons onlinedraw svg iconsvg path for iconssvg path grid editorsnap to grid svgsvg path coordinatesget coordinates from svg pathsvg path point editordrag bezier handlesbezier handle editor onlinesvg path builder

More tools

Font Pairing

Curated heading and body font pairs with live preview

Font Preview

Preview 200+ Google Fonts with your own text

Glassmorphism Generator

Design frosted glass cards and copy the CSS

Gradient Text

Gradient headlines with live preview and CSS

Coming soon

CLI

Coming soon

Figma plugin

Coming soon

VS Code extension

Coming soon

Chrome extension

Coming soon

AI icon generator

Coming soon

Team workspaces

Coming soon

View all 10+ tools →