Rayzia
Sign in Open the editor

Make SVG icons online

Rayzia is a free browser editor for people who want to make icons online and keep them editable. Because the document is native SVG, every icon you create stays pixel-crisp from a 16px toolbar button up to a hero graphic. Draw with the pen tool, snap to a shared grid, and hold one stroke width across the whole set. There is nothing to install and it runs on any browser, so you can design icons on a laptop, a Chromebook or a tablet.

Start making icons See pricing

How to create an SVG icon set in Rayzia

  1. Open the editor. Go to rayzia.com/vector/. The free plan gives you every tool, AI and 3 cloud files, so you can start an icon set without paying or signing up for anything extra.
  2. 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.
  3. 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.
  4. 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.
  5. 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, so there is nothing extra to pay Rayzia for the AI. 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?

Yes. The free plan includes every tool, the AI, 3 cloud files and SVG and PNG export. Pro at $8 a month adds unlimited cloud files, 30-day history, no-watermark share links and PDF export.

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, so you pay nothing extra to Rayzia, 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.