Do I need to install anything?

No. The editor runs entirely in your browser with no plugins or dependencies.

What shapes can I draw?

You can draw freehand paths (click-to-place points), straight lines, rectangles, circles, and ellipses.

Can I edit the SVG code directly?

The live source panel shows the generated SVG and you can copy it for further editing in any text editor or vector application.

How do I finish a freehand path?

Double-click or press Escape to close/finish the current path.

Developer Free No signup

SVG Draw Editor

Draw and edit SVG shapes in the browser

Loading tool…

About this tool

A lightweight, browser-based SVG editor. Click to place points and draw freehand paths, or switch to shape mode for lines, rectangles, circles, and ellipses. Customize fill color, stroke color, and stroke width for each element. The live SVG source updates as you draw—copy it to the clipboard or download it as a .svg file.

How to use

1 Select a tool from the toolbar: Path, Line, Rectangle, Circle, or Ellipse.
2 Click (and drag for shapes) on the canvas to draw.
3 Double-click or press Escape to finish a path.
4 Adjust fill, stroke color, and stroke width in the properties panel.
5 Copy the SVG source or click 'Download .svg' to save your work.

Frequently Asked Questions

Related tools

SVG to PNG Converter

Convert SVG code or files to PNG images with custom size and background.