Create or edit SVG graphics online with shapes, paths, text, layers and live source code.
Use the empty artboard immediately, or open an existing SVG file to inspect its editable layers and source.
Add rectangles, ellipses, lines and text, draw freehand paths, drag elements on the artboard, and edit geometry, color, stroke, opacity, rotation or layer order.
Keep an editable SVG master or render a transparent or solid-background PNG at up to four times the artboard size.
About this tool
Create or edit SVG graphics online with shapes, paths, text, layers and live source code.
The design canvas and XML source view share one local document. Imported markup is parsed through an SVG element and attribute allowlist; scripts, event handlers, foreign objects and external URLs are removed before preview or export.
Use the empty artboard immediately, or open an existing SVG file to inspect its editable layers and source. Add rectangles, ellipses, lines and text, draw freehand paths, drag elements on the artboard, and edit geometry, color, stroke, opacity, rotation or layer order. Keep an editable SVG master or render a transparent or solid-background PNG at up to four times the artboard size.
Yes. Open SVG source, edit the XML and apply it to the canvas. Valid supported elements become layers; unsafe or unsupported markup is removed and reported.
You can start with SVG and export SVG, PNG. Actual decoding support can vary slightly by browser.
SVG Editor Online runs in your browser. Your SVG is not uploaded to Image Toolkit.
No. You can use this tool without creating an account.
