Duotone IconsGenerate a matching set with AI
Duotone icons layer two tones of one hue — a confident foreground over a softened secondary shape. The second tone adds depth and hierarchy that flat single-color icons lack, while staying far quieter than full-color illustration.
When to use duotone icons
Duotone is the sweet spot for products that want personality without noise: fintech dashboards, developer tools, and modern SaaS marketing all use it heavily. Because both tones derive from one hue, a duotone set recolors to your brand with a single variable — handy for design systems and theming. Generate the set with your brand hex locked so the tint relationships come out consistent.
Best for
- SaaS marketing sites
- Fintech and developer tools
- Design systems with theme tokens
- Feature comparison tables
- Dark mode interfaces
Example prompts
Paste one of these into the generator, or describe your own theme — every icon in the batch comes out in the same duotone style.
Frequently asked questions
How do duotone icons handle dark mode?+
Very well — that is one of their strengths. Keep the primary tone light and drop the secondary to a low-opacity tint of the same hue, and the icon keeps its hierarchy on dark surfaces. Because Icora exports clean SVG, you can wire both tones to CSS variables and let your theme switch them.
Can I choose which parts of the icon get the secondary tone?+
The generator makes sensible foreground/background decisions per icon, and you can repaint any shape in the studio afterward — select a path and assign it the other tone, or use the recolor tools to swap the palette across the whole set.
Related styles
Popular uses for duotone icons
Guides with specs, workflow tips, and prompts for the jobs this style handles best.
Keep reading
Make your duotone icon set
Describe a theme, pick the Duotone preset, and get a consistent set of up to 50 icons — exported as clean, editable SVG. Free to start, no credit card required.
Start generating — it's free