SVG Canvas Lite

Visual SVG editing inside VS Code, 100% offline. Canvas and code are the same document, so undo/redo is plain VS Code undo/redo.

Free (Lite)

• Split canvas + code view, kept in sync
• Select, move, resize, rotate; draw rect/circle/ellipse/line/polyline/text
• Attribute inspector
• Renders defs / symbol / use, gradients, <style>
• Round-trip safe: untouched markup stays byte-identical
• Scripts in SVGs never run; no telemetry, no account

Pro (planned, $12 one-time)

Path node editing, layers, snap/align, offline optimize, PNG/ICO export. Not available yet.

Install

VS Code Extensions view → search zecro.svg-canvas (listing coming soon).

Support

Bugs and ideas: bhamlefty@gmail.com

© 2026 Zecro LLC, Washington, USA