About this Favicon & App Icon Generator
Turn a single PNG into a complete, production-ready icon set. This tool runs 100% in your browser—no uploads—so your assets stay private. Export favicon.ico, PNG icons for Android/Chrome and iOS, maskable icons for PWAs, and a ready-to-use site.webmanifest.
Key features
- One PNG in → full set out: ICO (16/32/48/64) + PNGs (16–512)
- Maskable icons for better PWA adaptive shapes
- Apple touch icons (120/152/167/180) with safe background
- site.webmanifest with icons, theme & background colors
- Live preview, padding, rounded/circle/squircle, shadow, stroke
- Monogram/text overlay for quick branding
- ZIP download with tidy filenames & optional subfolder
- Privacy-friendly: everything happens locally
How to use
- Click Upload (or drag & drop) a square PNG (≥ 512×512 recommended).
- Customize the shape (rounded/circle/squircle), padding, background (transparent/solid/gradient), shadow, and stroke.
- (Optional) Add a monogram (e.g., your brand initial) and tweak size, weight, color, and outline.
- Fill App Name, Short Name, and pick theme/background colors for the manifest.
- Click Generate Files, then Download ZIP.
- Unzip into your site (e.g.,
/icons/
), add the snippets below to your HTML, and deploy.
What you get
- Favicon:
favicon.ico
(16/32/48/64) +favicon-16x16.png
,favicon-32x32.png
- Android/Chrome:
android-chrome-192x192.png
,256x256
,384x384
,512x512
- Maskable:
maskable-icon-192x192.png
,384x384
,512x512
- Apple Touch:
apple-touch-icon.png
(180×180) + 120/152/167 sizes - Manifest:
site.webmanifest
(icons, theme/background colors, names)
HTML snippets
After downloading, place files in /icons/
(or your chosen subfolder) and add:
<link rel="icon" href="/icons/favicon.ico" sizes="any">
<link rel="icon" type="image/png" href="/icons/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/icons/favicon-16x16.png" sizes="16x16">
<link rel="apple-touch-icon" href="/icons/apple-touch-icon.png">
<link rel="manifest" href="/icons/site.webmanifest">
Tips
- Prefer a transparent PNG source. The tool can add solid or gradient backgrounds for iOS tiles.
- Enable Maskable to avoid cropping on Android adaptive icons.
- If your logo is very thin, add a subtle stroke or drop shadow for contrast.
- Use the file prefix and ZIP subfolder options to keep your repository tidy.
Compatibility
Generated assets work across modern browsers and platforms: Chrome/Android (maskable & PWA), Safari/iOS (apple-touch icons), and traditional desktop browsers (ICO/PNG favicons).
Privacy
Images never leave your device. All processing is done locally in your browser.