How to create an SVG icon set in Rayzia
- Open the editor. Go to rayzia.com/editor/. Sign up with Google or your email and switch to Vector mode, which is free with every tool, so you can start an icon set without paying anything.
- Set up a square artboard and grid. Create a square artboard, 24x24 is a sensible default, and turn on the grid. A consistent canvas is what keeps a set looking like one family rather than a pile of one-offs.
- Draw the icon or ask your AI to rough out the set. Use the pen and Bézier nodes plus editable shapes and boolean operations to draw each glyph. Or connect the Claude or GPT account you already own and ask it to rough out the whole set on the canvas, then refine by hand.
- Keep strokes and sizes consistent, reuse symbols. Hold one stroke width across every icon and align shapes to the same grid. Turn recurring parts into reusable symbols so a single edit updates every instance.
- Export clean SVG. Export each icon as SVG for your codebase or PNG for a mockup. The output is real SVG geometry you can drop straight into a component or stylesheet, or feed into an icon-font build.
Why SVG is the right format for an icon maker
An icon has to survive every size it lands in. A PNG blurs the moment someone scales it past its native resolution. An SVG redraws itself sharp at 16px and at 512px because it stores maths, not pixels. That is the whole case for building icons as vectors.
Rayzia treats SVG as the document rather than an export afterthought, so what you edit is what ships. You get the drawing tools you would expect from a proper icon maker: pen and node editing, editable shapes, gradients, boolean and shape-builder, plus text on a path with your own fonts and correct Thai and complex scripts. Rayzia is a real editor, not a template gallery, so you design a genuine custom icon and keep it editable forever.
Keeping an icon set consistent
The hard part of a set is not the first icon, it is the fortieth still looking like it belongs. Shared grid, matching stroke width and aligned optical weight do most of that work, and reusable symbols do the rest by letting one master shape drive every copy.
When you want a head start, point your own AI account at the canvas and let it arrange, recolour and rough out variants while you watch. Everything it does is one undo away and runs on your own key. Layers, multiple artboards, named history and 150+ live effects are there when a set grows past a handful.
Making icons: common questions
Is Rayzia free for making icons?
Icons are drawn with the Pen, nodes and boolean tools, which are Vector mode, free with every tool. You can try it for 14 days with no credit card, and export is unlimited on every plan.
Do I need to install anything to design icons?
No. Rayzia runs in any modern browser on Windows, Mac, Linux, ChromeOS and tablets. It works offline and auto-saves, so there is nothing to download or set up.
Can I export icons as clean SVG for code?
Yes. Because the document is native SVG, you export real SVG geometry you can drop into a component or stylesheet, or feed into an icon-font build. You can also export PNG for mockups.
How does the AI help build an icon set?
You connect a Claude or GPT account you already own, and it draws, recolours and arranges icons on the canvas while you watch. It runs on your own key, and every action is one undo away.
How do I keep every icon in a set consistent?
Work on a shared square artboard and grid, hold a single stroke width, and turn repeated elements into reusable symbols so one edit updates every instance. Layers and named history help as the set grows.