Skip to workspace
PixelOkay

SVG Vector Editor

Saved in this browser
Tools
Artboard 1960 × 640
Select a shape, or choose a drawing tool.
100%

Vector Studio shortcuts

Draw, experiment, and export without leaving your browser.

Select V
Point edit N
Pan H or Space
Rectangle R
Ellipse E
Pen P
Cubic curve Q
Pencil B
Text T
Undo Ctrl + Z
Save project Ctrl + S
Duplicate Ctrl + D
Delete Del
Move Arrow keys
Select all Ctrl + A
Group Ctrl + G
Ungroup Ctrl + Shift + G

Pen: click to add points, Enter / double-click to finish, Escape to cancel. Hold Shift while drawing for square or circle. Shift-click or drag a selection rectangle to choose several objects. Imported SVG may omit unsupported elements; see the import warning.

Using SVG Vector Editor

Draw or import supported SVG artwork, organize layers and adjust shapes or points. Download an editable project if you want to continue editing later.

SVG import intentionally supports a restricted subset and warns about omissions. Grouping is retained in the editable project rather than guaranteed as semantic SVG groups. Point editing is not a full SVG path-command editor.

Choose SVG artwork, PNG or an editable vector project

Practice: a simple status label

  1. Draw a rectangle and add a short text label such as Draft. Adjust the fill and the order of the layers so the wording stays visible.
  2. Save the project, then export SVG for a vector handoff or PNG for a fixed-size image.
  3. If importing an existing SVG instead, read omission warnings before editing and keep the original separately.

This is an authored design exercise; no output image or import-fidelity test is supplied.

SVG editing questions

Can I edit every SVG file without changing its appearance?

No. Import supports a restricted subset and may omit unsupported or unsafe items. Effects, structures and path commands outside that subset may not round-trip. Inspect the result and retain the original artwork.

Which file should I use to keep editing groups and layers?

Use the editor's project JSON for its supported editing structure. SVG is an artwork handoff, not a promise that all internal grouping survives as semantic SVG groups. Browser autosave is separate from a downloaded backup.

Related tools