DevTools.run

SVG Editor

Draw shapes, lines, and text on a visual canvas. Import existing SVGs, export as SVG or PNG. Everything runs in your browser.

0 elements800 x 600

About SVG Editor

A simple yet powerful SVG drawing tool that runs entirely in your browser. Draw rectangles, circles, lines, and text on a visual canvas with a grid overlay. Import existing SVGs to edit, and export your work as SVG or PNG.

How it works

  1. Select a drawing tool from the toolbar (rectangle, circle, line, or text).
  2. Pick your fill color, stroke color, and stroke width.
  3. Click and drag on the canvas to draw shapes.
  4. Use the Select tool to click elements and move or delete them with keyboard shortcuts.
  5. Export as SVG for vector output or PNG for rasterized output.

Features