Iz SVG Editor

Iz SVG Editor

Click to select · Ctrl+click for deep select · Shift for multi

SVG INPUT Upload File

SELECTED ELEMENTS

None selected

SET ATTRIBUTES

Select an element first

Fill

Stroke

Opacity

ID

Class(es)

ELEMENT TREE

Render an SVG to see its tree

PREVIEW

100%

Paste SVG and click Render SVG

SVG Code Editor

Keyboard Shortcuts

Selection

Select elementClick

Deep select (through groups)Ctrl+Click

Multi-selectShift+Click

Marquee selectDrag

Deep marquee (no groups)Ctrl+Drag

Add to selectionShift+Drag

Canvas

PanSpace+Drag

PanMiddle-drag

ZoomCtrl+Wheel

ScrollWheel

Fit to canvasF

Edit

Delete selectedDel / Backspace

Group selectedCtrl+G

UndoCtrl+Z

RedoCtrl+Y

Code Editor

Apply codeCtrl+Enter

Close modalEsc