SVG MakerNEW

Draw shapes and text on a canvas and export crisp SVG or PNG

Completely free

Checking your access…

AllFreeTool is a free online SVG maker for drawing vector graphics in the browser. Add rectangles, circles, ellipses, lines, polygons and text, adjust the position, size, colours and opacity of every element, then export an SVG file or a PNG image. No design software required.

Icons, diagrams, flowcharts and simple illustrations all benefit from vector output: they stay sharp at any size, they weigh very little and they can be dropped straight into a web page or a document. What you build on the canvas is what the exported SVG contains.

Why use SVG Maker on AllFreeTool?

🔷

Six Shapes

Rectangles, circles, ellipses, lines, polygons and text to combine.

🎛️

Property Panel

Select an element to tune its position, size, fill, stroke, width and opacity.

📐

Flexible Canvas

Set the canvas width, height and background, or switch to a transparent one.

📤

Two Exports

Save an SVG vector file or a PNG bitmap from the same drawing.

✨

Icon Library

Built-in UI, comms, file and business icons — pick one from the dropdown under the canvas.

How to use SVG Maker

1

Add Shapes

Pick a shape such as a rectangle, circle or text and press add to place it on the canvas, or choose a ready-made icon from the dropdown below the canvas.

2

Adjust the Details

Click an element to select it, then tune its position, size and colours in the panel.

3

Export

Download the SVG vector file or a PNG bitmap, or copy the SVG code directly.

Common questions

Is the exported SVG real vector artwork?+

Yes. Rectangles, circles and polygons are written as the matching SVG elements, so the result scales without blurring and stays far smaller than a bitmap of the same size.

How do I get a transparent background?+

Tick the transparent background option in the canvas settings. The exported SVG then contains no background rectangle, and the PNG is written with an alpha channel, which is what icons and stickers need.

Can I add text?+

Yes, text is one of the six element types. Select it to change the content, size, colour, letter spacing and alignment, and Chinese text renders with your system fonts.

What icons are built in?+

Around fifty common icons in four groups: general UI (check, gear, star, search…), social and communication (mail, phone, share…), files and status (document, warning…) and business shapes (trophy, charts…). Open the dropdown below the canvas preview, pick one and it is inserted straight onto the canvas, where you can keep tuning its size and colour.

What if I make a mistake?+

Each element has its own delete button, and there is a clear canvas action for starting over. Re-adding a shape takes a second, so a slip is never a problem.

More Image tools