Is PlanetSVG Editor free?

Yes. PlanetSVG Editor is 100% free with no signup. Icons are built and exported locally in your browser, and everything you make is yours for personal or commercial use.

What shapes are available?

19 vector shapes: circle, half and quarter circles, ring, pie, arc, square, capsule, triangles, diamond, pentagon, hexagon, star, heart, drop, crescent, cross and arrow - each with its own adjustable parameters like corner radius, star points or arc angle.

How does snapping work?

Shapes snap to a configurable pixel grid and to other shapes: centers and edges align automatically with magenta guide lines, and rotation snaps to 15-degree steps. Hold Shift while rotating for free rotation.

What formats can I export?

Scalable SVG, PNG at 16 to 1024 pixels, and a multi-size Windows ICO file (16, 32, 48 and 256 px) ready to use as a favicon or app icon.

Yes. Save the whole composition as a small preset JSON file and load it back later to continue editing.

PlanetSVG Editor - Free Online Icon Maker with Shapes & Snapping (SVG, PNG, ICO)

Build crisp custom icons from 19 vector shapes - circles, half & quarter circles, rings, stars, polygons, arrows and more. Drag them together with smart snapping and alignment guides, tune every placed shape's size, rotation, color and parameters, then export SVG, PNG or a multi-size ICO - free, no signup, nothing uploaded.

What is PlanetSVG Editor?

PlanetSVG Editor is a tiny vector editor focused on one job: composing icons out of simple shapes, fast. Instead of fiddling with pen tools, you click shapes into the canvas and let snapping do the alignment - centers, edges and the pixel grid all attract shapes as you drag, with guide lines showing what you're aligned to. It's ideal for favicons, app icons, logo drafts, game HUD symbols and UI glyphs.

How to build an icon

Click a shape in the palette - it lands on the canvas. Combine circles, quarter circles, bars and stars into a design.
Drag to place it - the shape snaps to the grid and to other shapes' centers and edges (magenta guides appear). Corner handles resize, the top handle rotates in 15° steps.
Select any placed shape to edit its own values: position, size, rotation, fill, stroke, opacity - plus shape-specific parameters like corner radius, star points, ring thickness or arc angle.
Reorder with Forward/Backward, duplicate with Ctrl+D, and use the small 16/32/64 px previews to check legibility.
Export as SVG (scalable), PNG (16-1024 px) or ICO (multi-size favicon), or save a preset to keep editing later.

Tips for good icons

Design on the grid. Keep edges on 16 px lines and the icon stays crisp at 16×16.
Fewer, bolder shapes read better at small sizes than fine detail - check the 16 px preview often.
Build symbols from arcs: a ring plus a quarter circle makes loading spinners; half circles make moons, sunsets and gauges.
Use stroke 0 for flat modern icons; add stroke only when you need outlines.

FAQ

Is my work uploaded anywhere?

No. PlanetSVG Editor is a static page - shapes, rendering and exports are all computed in your browser and never leave your device.

Can I use the icons commercially?

Yes. Everything you compose is yours, for personal or commercial projects, no attribution required.

What is in the ICO file?

The ICO contains 16, 32, 48 and 256 px PNG-compressed images - the sizes Windows and browsers actually use for favicons and shortcuts.

Why do my shapes jump while dragging?

That's snapping. Turn off "Grid" or "Shapes & guides" in the Snapping section for free placement, or zoom your browser for finer control.