Free AI icon generator
An AI icon generator for sets, not single icons.
Icons that sit on the grid rather than near it. Generated as real geometry, so you can snap an anchor to a whole number, set one stroke weight across the whole family, and get something that looks designed rather than collected.
Free credit to start · no card required · .svg, not a flattened PNG
Every anchor on an integer coordinate. That is the difference between a crisp icon and a soft one at 16px.
Grid systems
Pick a grid before you pick a subject.
| Grid | Live padding | Stroke | Where it fits |
|---|---|---|---|
| 16 × 16 | 1px | 1px | Dense UI: table rows, inline text affordances, tree views. |
| 20 × 20 | 2px | 1.5px | Compact application chrome and toolbars. |
| 24 × 24 | 2px | 1.5 – 2px | The default. Buttons, navigation, most product interfaces. |
| 32 × 32 | 3px | 2px | Feature rows, empty states, marketing lists. |
| 48 × 48 | 4px | 2 – 3px | Category tiles, onboarding, large touch targets. |
Four steps
How to generate a consistent icon set.
Generating one good icon is easy and nobody needs one icon. Generating twelve that look related is the actual problem, and it is mostly solved before you write the first prompt.
- 01
Fix the style clause first
Decide the grid, the stroke weight, the corner treatment and whether shapes are outlined or filled — then write that clause once. It is the constant; only the subject changes.
- 02
Generate one icon and judge it
Not the whole set. Get the first one right, because every icon after it inherits the same style clause and the same mistakes.
- 03
Run the rest against that clause
Same wording, new subject, one at a time — or from a prompt list in one pass on the Business plan.
- 04
Do a consistency pass
Set one stroke weight across the family, snap anchors to whole numbers, and align the optical weight of the outliers. Minutes on geometry; impossible on a flat image.
Step four is the one that is only available to you because the output is geometry. A generator that returns a flat image has no stroke weight to set and no anchor to snap — the inconsistency it produced is the inconsistency you keep.
Set consistency
Six rules that make icons look related.
- 01
One stroke weight across the family
A single icon at 1.5px next to five at 2px reads as a mistake even when nobody can say what is wrong. Fix it in the inspector, not in the prompt.
- 02
One corner radius vocabulary
Pick sharp or pick rounded, then keep the same joint treatment on every corner in the set. Mixed joins are the fastest way to look assembled from stock.
- 03
Anchors on integer coordinates
A vertical line at x=12 renders crisp; the same line at x=12.37 renders as two grey pixels. Snapping anchors is what separates a sharp icon from a soft one.
- 04
Equal optical weight, not equal area
A circle and a square of identical bounding boxes do not look the same size. Shrink the square slightly until they balance by eye.
- 05
Consistent live area and padding
Leave the same clear margin inside the viewBox on every icon so they line up when placed in a row, whatever their silhouette.
- 06
One metaphor per concept
If a trash can means delete, nothing else in the set means delete. Reuse of a metaphor is worse than a slightly weaker metaphor.
Prompt patterns
Copy the style clause. Change only the subject.
Consistency across a set comes from keeping everything after the subject byte-identical between runs.
Line
outline icon of a paper plane, 24px grid, 2px uniform stroke, rounded caps, no fill, transparent background
Solid
solid glyph icon of a folder, single flat fill, no stroke, 24px grid, transparent background
Duotone
duotone icon of a calendar, dark stroke with a 20% opacity accent fill, 24px grid, transparent background
Rounded
rounded soft icon of a bell, 2px stroke, generous corner radii, friendly geometry, transparent background
Questions
AI icon generation, answered.
Cost, sign-up, PNG versus SVG, and matching a library you already use.
- Is the AI icon generator free?
- A free account gets a credit on sign-up with no card, which is enough to generate an icon and judge the style. Editing, snapping anchors and exporting cost nothing after that — credits are spent on generation only, and nothing comes back watermarked.
- Do I need to log in?
- To generate, yes — a credit has to belong to someone. To open the editor, tidy an icon you already have and export it, no. Nothing is watermarked either way.
- Do I get PNG or SVG?
- SVG, which is very likely what you actually wanted even if you searched for PNG. A vector icon has no resolution to be wrong about, recolours with CSS through currentColor, and can be pasted into code as a component. If you do need a PNG for a slide deck or a marketplace listing, export one from the editor at whatever size you like — going that direction is lossless, and the reverse is not.
- Can I generate a whole icon set at once?
- Generate them one at a time on standard plans, keeping the style clause of your prompt identical between runs. On the Business plan, batch generation from a prompt list produces the set in one pass.
- How do I keep the set visually consistent?
- Reuse the exact same style, stroke and grid wording for every icon and vary only the subject. Then do a consistency pass in the editor, where fixing a stroke weight across the set takes seconds. This is the part that separates a set from a pile — most generators cannot offer it at all, because a flat image has no stroke weight to change.
- Can I match an icon set I already use?
- Reasonably well, if you describe it by its properties rather than its name: the grid size, the stroke weight, whether corners are round or square, whether shapes are outlined or filled. A 24px grid with 2px round-capped strokes will sit beside most popular outline libraries without looking foreign — and any residual mismatch is a stroke-width edit away rather than a redraw.
- Can I make an icon from an image I already have?
- Yes, though it is a different job. Run it through the vectoriser to get shapes, then treat the result as a starting point: icons live or die on stroke consistency and grid alignment, and a converted image inherits neither.
- What size should icons be?
- Draw on a 24px grid unless you have a reason not to — it divides cleanly and is what most component libraries assume. Because the output is vector, that number is a design grid, not a rendering limit.
- Can I use these icons commercially?
- Yes. Royalty-free, worldwide, no attribution — including in products and icon packs you sell.
- How do I ship them to a React project?
- Copy each one out as a React component and add the props binding, or export the .svg files and let your build turn them into components.
- Will they render sharply at small sizes?
- If the anchors sit on whole numbers, yes. Snapping is a manual pass in the editor and it is the single highest-value thing you can do to an icon.