Use circles, squares, rounded squares, hexagons, or stars in flat, gradient, and outline styles.
ASYNC UTILITIES / DSN / 11
App Icon Generator
Create text-based app icons in common shapes and export multiple PNG sizes.
Local processing
Your files stay in this browser. Nothing is uploaded to Async.
WORKSPACE / READY
Build a simple icon system with flat, gradient, or outlined styling.
ICON / CONTROLS
Create a monogram icon
All five shapes export consistently to valid PNG and SVG, including outlined hexagons and stars.
Letters (up to 3)Text is safely escaped in SVG output.
BackgroundSix-digit HEX color
Gradient endSix-digit HEX color
LettersSix-digit HEX color
Corner radius
Letter size
ICON / EXPORT
Preview & download
PNG files are rasterized locally. SVG markup contains validated colors and escaped text.
Inspect SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><defs><linearGradient id="icon-gradient" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#F4733A"/><stop offset="1" stop-color="#5868FF"/></linearGradient><filter id="icon-shadow" x="-30%" y="-30%" width="160%" height="170%"><feDropShadow dx="0" dy="12" stdDeviation="14" flood-color="#000000" flood-opacity="0.36"/></filter></defs><rect x="56.32" y="56.32" width="399.36" height="399.36" rx="79.87200000000001" fill="url(#icon-gradient)" filter="url(#icon-shadow)"/><text x="256" y="262" fill="#FFFFFF" font-family="Arial, sans-serif" font-size="180" font-weight="750" text-anchor="middle" dominant-baseline="middle">AT</text></svg>
HOW IT WORKS
Three steps. No account.
- 01
Choose a shape and style
- 02
Adjust colors and initials
- 03
Download the sizes you need
DETAILS / LIMITS / PRIVACY
Built for the real edge cases.
Download consistent 64, 128, 256, or 512 pixel PNG files from the local canvas.
Copy valid SVG markup with escaped text and fitted monograms up to three characters.
NEED SOMETHING CUSTOM?