New: Screen RecorderScreen + webcam, trim, save as MP4Try it now →

Add tools here by clicking the star icon.
Back to tools

Vector Drawing Online – Free SVG Editor & Drawing Tool

Draw vector graphics right in your browser: shapes, lines, freehand pen strokes and text. Move, resize, rotate and restyle anything, then download a clean SVG or a high-resolution PNG.

2px
100%
100%

800 × 600. Drag to draw shapes, or tap for a default-sized one. Double-click text to edit it.

How to use it

  1. Pick a tool: pen, line, rectangle, ellipse, triangle or text.
  2. Drag on the canvas to draw, or tap to drop a default-sized shape.
  3. Switch to Select to move, resize or rotate objects, and change fill, stroke, stroke width and opacity.
  4. Reorder, duplicate or delete objects with the toolbar or keyboard shortcuts.
  5. Download an SVG or a PNG (1×–4×), or save a .json project to keep editing later.

Common Use Cases

  • Simple icons and logos
  • Diagrams and annotations
  • Social images at preset sizes
  • Tweaking an existing SVG

Vector drawing online, without installing anything

Vector graphics are made of shapes and paths instead of pixels, so they stay sharp at any size. That makes SVG the right format for logos, icons, diagrams, simple illustrations and anything that has to look crisp on both a phone and a billboard. This editor gives you the core tools of a desktop vector app in a browser tab, with nothing to install and no account.

What you can draw

  • Shapes: rectangles, ellipses, triangles and lines. Drag to size them, or tap once to drop a default-sized shape (handy on a phone or tablet).
  • Freehand pen: sketch with the mouse, a finger or a stylus. Every stroke becomes a vector path.
  • Text: click to place text, then change size, colour and opacity.
  • Images and SVG files: insert a photo to trace over, or open an existing SVG and keep editing it.

Everything stays editable. Select any object to move, scale or rotate it, change its fill, stroke and stroke width, bring it forward or send it back, duplicate it or delete it. Selecting an object never changes it: the style controls simply show its current style.

Keyboard shortcuts

Undo with Ctrl/Cmd+Z and redo with Shift+Ctrl/Cmd+Z. Delete removes the selection, arrow keys nudge it, and Ctrl/Cmd+C, X, V and D copy, cut, paste and duplicate. Single keys switch tools: V select, P pen, L line, R rectangle, O ellipse, T text.

Exporting: SVG or PNG?

Download SVG when the drawing will be used on the web, in a design tool, or anywhere it needs to scale. Download PNG (1× to 4×) when you need a regular image for a document, a slide or social media. You can also save the project as a .json file and open it again later to continue editing.

Tips

  • Set the canvas size first (presets for social posts, icons and slides) and choose a background colour, or keep it transparent for logos.
  • Turn off fill or stroke to make outline-only or borderless shapes.
  • For pixel-style art, Pixel Art Studio is a better fit. For painting with brushes and flood fill, use the paint canvas.

Frequently Asked Questions

Can I import an existing SVG?▼
Yes. Open an SVG file and it is added as a group you can move, scale and recolour as a whole. Very complex SVGs (filters, masks, embedded fonts) may not import perfectly.
Can I keep editing later?▼
Use Save to download a .json project file, then open it here again. Drawings are not stored online.
Which keyboard shortcuts are there?▼
V select, P pen, L line, R rectangle, O ellipse, Y triangle, T text, Delete to remove, Ctrl/Cmd+Z undo, Ctrl/Cmd+Shift+Z redo, Ctrl/Cmd+C / V copy and paste, Ctrl/Cmd+D duplicate, and arrow keys to nudge.
Can I export a PNG with a transparent background?▼
Yes. Set the background to "No background" before exporting.

Why use this tool?

  • Real vector output that scales to any size
  • Undo and redo for every change
  • Works with mouse, pen and touch
  • Private: your files never leave your device

Privacy & Security

Everything runs locally in your browser. Images, SVGs and projects you open are never uploaded.

How was this tool?

Your feedback helps us make it better.

Have further opinions? Email me at hello@everythingbagel.app