Free vector editor · no sign-up

Vector Design Workspace

Design logos, icons, badges, signs and social graphics that stay sharp at any size. Draw shapes and Bézier paths, edit nodes, add text, use gradients and layers, align everything precisely, then export a clean SVG or a high-resolution PNG. Open your own SVG files to edit them.

Shapes, pen & pencilNode editingGradients & layersAlign & distributeSVG · PNG exportPrivate, in your browser
How to use the vector design workspace
  1. Draw: pick Rectangle, Ellipse, Polygon or Line and drag on the page. Hold Shift for squares, circles and 45° lines. Insert has ready shapes like stars, hearts, arrows and speech bubbles.
  2. Paths: with the Pen, click for corners and drag for smooth curves; click the first point to close the shape or press Enter to finish. The Pencil turns freehand strokes into smooth curves.
  3. Edit nodes: choose Nodes and select a path. Drag points and their handles; double-click a point to switch between smooth and corner, double-click a line to add a point, Delete removes one. Use “Convert to path” to edit rectangles, ellipses and shapes the same way.
  4. Style: set fill and stroke as solid colours or linear and radial gradients, change opacity, stroke width and dashes, and type exact positions, sizes and rotation.
  5. Arrange: align and distribute several objects, bring them forward or back, flip, lock and hide them in Layers. Smart guides snap to the page and other objects while you move.
  6. Save: Save SVG keeps the design editable, Clean SVG and PNG are for publishing. Everything runs in your browser.

Shortcuts: V A R E G L P B T H tools · Ctrl+D duplicate · Ctrl+C / Ctrl+V copy and paste · arrows nudge (Shift ×10) · [ ] send backward / forward · Delete remove · Ctrl+Z / Ctrl+Y undo and redo.

Using Vector Design Workspace

Create logos, icons, badges, signs and social graphics as sharp vector artwork. Draw shapes and Bézier paths, edit every point, add text, gradients and layers, align objects precisely and export SVG or PNG. You can also open existing SVG files and edit them.

  1. Start from a template (logo badge, app icon, text logo, sale poster, business card, banner) or a blank page in the size you need.
  2. Draw with Rectangle, Ellipse, Polygon, Line, Pen or Pencil, or insert ready shapes such as stars, hearts, arrows and speech bubbles.
  3. Select objects to change fill, stroke, gradients, opacity, position, size and rotation in the Style tab. Use Nodes to reshape paths point by point.
  4. Arrange with align, distribute, bring forward or send back, and hide or lock objects in Layers. Smart guides snap to the page and other objects.
  5. Save an editable SVG to continue later, or export a clean SVG, a PNG at 1×, 2× or 4×, or just the selected objects.

Example

A round logo badge: a gradient circle, a dashed ring, a white star and the brand name, exported as a 2000 × 2000 px PNG for social media and as an SVG for the website.
Open an SVG icon from a library, change its colours with the fill picker, and export only the icon you selected as a new SVG.

Questions & answers

Is this vector editor free?

Yes. It is free, needs no account and runs entirely in your browser. Your designs and files are not uploaded.

Can I edit an existing SVG file?

Yes. Open an SVG to edit its shapes, paths, text and gradients. Common SVG features are supported; filters, masks, clipping paths and embedded fonts are not imported.

How do I draw curves?

Choose the Pen, click to place corner points and drag to create smooth curves, then click the first point to close the shape. Use Nodes afterwards to move points and their handles.

Can I make a transparent PNG logo?

Yes. Tick Transparent PNG in File & export and choose 1×, 2× or 4× size for a sharp result.

Will my fonts look the same everywhere?

SVG files refer to fonts by name. Common fonts like Arial or Georgia look the same on most computers; for a custom look, export a PNG so the text is drawn exactly as you see it.

How do I save my work?

Autosave keeps a copy in this browser. Save SVG downloads a file that stays fully editable here and also opens in Inkscape, Illustrator, Figma and browsers.

Does it replace Illustrator or Inkscape?

It covers everyday logo, icon and graphic work: shapes, paths, text, gradients, layers and alignment. It does not have boolean operations, filters, clipping masks or text on a path.

KEEP YOUR WORKFLOW MOVING

A useful next step for your task.

Browse Images & Design

Help improve this tool

Report a problem or suggest an improvement

Describe the issue without pasting private tool input. Feedback goes to our admin inbox.

Find another tool · Read practical guides