How to make an SVG online

An SVG is a drawing described by shapes rather than pixels, so it stays sharp at any size - which is why logos, icons and cut files are made as SVGs. You do not need a heavyweight editor for a simple one. Here is how to draw and export an SVG in your browser.

1. 1. Open Vector Draw You get a blank canvas with shapes, text and a freehand pen, plus its own undo/redo. Nothing is uploaded and nothing is installed.
2. 2. Draw shapes and lines Place rectangles, ellipses and lines, or draw freehand - freehand strokes are simplified as you draw, so they export as tidy paths instead of thousands of points.
3. 3. Add text and colour Drop in text and set the fill and stroke of anything you have drawn. Keep shapes on top of each other where you want overlap - stacking order is kept in the exported file.
4. 4. Combine shapes Select two shapes and unite them into one outline, or subtract one from the other to punch a hole. This is how a simple icon gets built out of circles and rectangles.
5. 5. Export SVG or PNG Export an SVG when you need it to scale (a logo, an icon, a cut file) or a PNG when you need a flat image. Both are generated locally in your browser.

Open Vector Draw · Read the full guide

What is an SVG file used for?

Logos, icons, illustrations and cutting-machine files. Because it stores shapes rather than pixels, an SVG stays crisp whether it is 16px in a browser tab or a metre wide on a banner.

Can I convert a photo to SVG here?

No - this is a drawing tool, not an auto-tracer. It creates vector shapes you draw yourself, which is what makes the output clean enough to edit afterwards.

Is the vector editor free?

Yes - drawing, editing and SVG or PNG export are free. Combining shapes with unite/subtract and the stroke-only plotter export (sized in mm, text outlined to paths) are Pro.