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 無料サインアップ不要

SVG Draw Editor

Draw and edit SVG shapes in the browser

ツールを読み込み中…

このツールについて

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.

使い方

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.

このツールについて

使い方

よくある質問