A browser-based SVG icon editor for creating and refining simple icons
A lightweight SVG icon editor built for the browser. Start from the built-in icon library or draw shapes from scratch, then tweak fills, strokes, and sizing on a snapping grid. When you are happy with the result, export as clean SVG markup or a ready-to-use React component.
Abstract
Arrows
Media
Interface
Keyboard shortcuts
VSelect
RRectangle
CCircle
LLine
PPath
MMerge
JJoin paths
XClose / open
⇧ RRotate 45°
⌘ CCopy
⌘ VPaste
⌘ ZUndo
⌘ ⇧ ZRedo
DelRemove
EscDeselect
Interactive SVG animation playground with Motion: make your icons bouncy
Animate your icons with spring physics and motion presets