App Icon Generator
Design custom app icons and logos in seconds.
Live Preview
Favicons & App Icons
A favicon is the small icon displayed in browser tabs and bookmarks. App icons appear on home screens and in app stores. Both require multiple sizes to look sharp across different devices and pixel densities.
Required Icon Sizes
- Favicon — 16×16, 32×32, 48×48 (ICO format or PNG)
- Apple Touch Icon — 180×180 (iPhone), 167×167 (iPad Pro)
- Android — 192×192, 512×512 (Web App Manifest)
- Windows Tile — 144×144
- macOS — 512×512, 1024×1024 (ICNS format)
HTML Link Tags
<link rel="icon" href="/favicon.ico"><link rel="apple-touch-icon" href="/apple-icon.png"><link rel="manifest" href="/manifest.json">
What file format should I use for favicons?
The .ico format is the most universally supported — it can contain multiple sizes in one file. Modern browsers also accept PNG favicons. SVG favicons (rel="icon" type="image/svg+xml") are supported in modern browsers and scale perfectly at any size.
Why does my favicon not update after I change it?
Browsers aggressively cache favicons. Hard-refresh (Ctrl+Shift+R) the tab, or clear the browser cache. You can also bust the cache by adding a query string to the favicon URL: href="/favicon.ico?v=2". Favicon updates can take a day to propagate in bookmarks.
What makes a good favicon design?
Effective favicons are simple, bold, and readable at 16×16 pixels. A single letter, symbol, or logo mark works better than a detailed illustration. High contrast is critical — the icon must be visible on both light and dark browser chrome. Avoid thin lines that disappear at small sizes.