Icon Generator — Custom App Icons in the Browser

Every app, tool, and project needs an icon. Icon Generator skips Figma for the 80% case — when you just need a clean icon on a colored background.

What it does

Search the full Heroicons library or paste your own SVG by name. Set the background to solid or gradient, pick colors from presets or enter hex values. Choose L or XL size. Download as PNG.

Workflow

1. Search for an icon — type any concept (gear, chart, lock, user)
2. Pick from the results
3. Choose background style and colors
4. Download

The preview updates in real-time so you see exactly what you'll get.

Why I built it

I kept opening Figma just to create a 512x512 icon with a colored background and centered SVG. Five layers, two exports, two minutes wasted. This takes ten seconds.