SVG editor

Edit SVG markup, dimensions, viewBox, colors, and transforms — with live preview. A panel-based editor that keeps your source clean.

Paste SVG markup

…or drop a .svg file onto this card.

Features

Recolor any artwork by picking from the detected fill and stroke colors and remapping them in one click.
Adjust width, height, viewBox and preserveAspectRatio, then rotate, scale or translate the whole graphic around its center.
A sandboxed live preview with a transparent or solid background and an optional bounds overlay reflects every edit instantly.

How it works

Paste SVG markup or drop a .svg file to load it into the source panel.
Edit dimensions and viewBox, click a detected color to recolor every matching fill or stroke, and set rotate, scale or translate values.
Watch the live preview update, then format the source and download the .svg or copy it.

Your files never leave this page

Every conversion runs entirely in your browser using WebAssembly. There is no upload, no server-side processing, no analytics, and no cookies. Open DevTools → Network during the operation and you will see zero outbound traffic.

Related tools

Topics covered

svg editor online
edit svg
svg recolor
svg viewbox editor
svg code editor
free svg editor