SVG Editor
A lightweight, fully client-side SVG editor. Author and edit vector shapes — rectangle, circle, ellipse, line, polyline, polygon, path, and text — with a live preview and a property inspector for fill, stroke, and geometry. Edit the markup directly or use the toolbar; download the result as an .svg file or copy it to your clipboard. Nothing leaves your browser.
SVG source
Preview
Inspector — nothing selected
A self-contained SVG is a vector image described in XML: shapes like <rect>, <circle>, and <path> with attributes for position, size, fill, and stroke. This editor keeps a list of shapes in memory; the source box and the live preview are two views of the same model, so you can edit either way. Click a shape in the preview (or its line in the source) to select it, then adjust its attributes in the inspector. Pairs well with the SVG Optimizer to shrink the file before publishing. Everything runs locally — nothing leaves your browser.