Name: SVG Editor
Availability: InStock

Free, in-browser SVG editor with live two-way code/canvas sync, shape tools, undo/redo, syntax-highlighted source, color swatches, crop, and instant download — no signup, no upload.

Select a shape to edit fill, stroke & width

source.svg

473 ch · 6 ln

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300" width="400" height="300">
  <rect data-id="_init_rect" x="40" y="50" width="140" height="100" fill="#6c5ce7" />
  <circle data-id="_init_circle" cx="270" cy="110" r="55" fill="#ff7eb6" />
  <polygon data-id="_init_poly" points="80,260 200,180 220,260" fill="#2dd4bf" stroke="#1b1d2a" stroke-width="2" />
  <line data-id="_init_line" x1="40" y1="220" x2="360" y2="220" stroke="#1b1d2a" stroke-width="2" />
</svg>

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300" width="400" height="300">
  <rect data-id="_init_rect" x="40" y="50" width="140" height="100" fill="#6c5ce7" />
  <circle data-id="_init_circle" cx="270" cy="110" r="55" fill="#ff7eb6" />
  <polygon data-id="_init_poly" points="80,260 200,180 220,260" fill="#2dd4bf" stroke="#1b1d2a" stroke-width="2" />
  <line data-id="_init_line" x1="40" y1="220" x2="360" y2="220" stroke="#1b1d2a" stroke-width="2" />
</svg>

preview400 × 300173%

canvas · 400×300viewBox 0 0 400 300

Toolselect

Shapes4

Sel—

VRCLTtools

⌫delete

⎋deselect

SVG Editor — Live SVG Editor