UI Icons
Interface icons are infrastructure: navigation, actions, empty states, and status indicators that users parse hundreds of times a day without ever consciously seeing them. The quality bar is uniformity — one stroke weight, one grid, one corner radius across every glyph — because in UI, an icon that stands out is an icon that is broken.
Generic icon libraries get you to eighty percent, then abandon you: the missing twenty percent — your product's domain concepts — is exactly what generation solves. Generate your full navigation and action vocabulary in one batch on a consistent grid, including the "sprint velocity" and "escrow release" icons no library ships. Refine stroke details in the studio, then export optimized SVGs sized for your token system.
System conventions
| Grid | 24×24 with a 2px live-area margin is the cross-platform default; derive 16 and 20px variants from it |
|---|---|
| Stroke | 1.5px or 2px, consistent across the entire set — mixed weights are the most visible inconsistency |
| States | Outline for resting, filled twin for active; generate both variants from the same item list |
| Accessibility | Ship SVGs with title elements and aria-hidden on decorative instances |
Styles that fit
These presets suit ui icons best — each link covers the style in depth with prompts and examples.
Example prompts
Start from one of these, or describe your own list — every icon in the batch comes out matched.
Frequently asked questions
Why generate UI icons instead of using a free library?+
Libraries excel at generic actions but never contain your domain: no library ships a good "cap table" or "grain moisture" icon. Generating puts your whole vocabulary — generic and domain-specific — in one visual language, instead of mixing library icons with hand-made outliers that never quite match.
How many icons does a typical product need?+
Most products run 40–120 unique glyphs: primary navigation, object types, actions, and states. Audit your real usage before generating — a single batch covering the actual list beats accumulating icons ad hoc, and unused icons are free to delete.
Related use cases
Keep reading
Make your ui icons
Describe your list, pick a style, and get a matched set of up to 50 icons in one batch. Free to start, no credit card required.
Start generating — it's free