Upload an image and instantly generate a complete favicon package: ICO + PNG at all standard sizes + web manifest.
Drop an image here or click to browse
PNG, JPG, SVG — recommended 512×512 px or larger
| Size | Filename | Use case |
|---|---|---|
| 16×16 | favicon-16x16.png | Browser tab (most common) |
| 32×32 | favicon-32x32.png | Browser tab (HiDPI), taskbar shortcut |
| 48×48 | favicon.ico (embedded) | Windows taskbar pinned sites |
| 57×57 | favicon-57x57.png | iOS non-retina home screen (legacy) |
| 72×72 | favicon-72x72.png | iPad non-retina (legacy) |
| 96×96 | favicon-96x96.png | Android, Google TV |
| 114×114 | favicon-114x114.png | iPhone retina (legacy) |
| 144×144 | favicon-144x144.png | iPad retina, Windows 8 tile |
| 152×152 | favicon-152x152.png | iPad retina (iOS 7+) |
| 180×180 | apple-touch-icon.png | iPhone / iPad modern (iOS 8+) |
| 192×192 | android-chrome-192x192.png | Android Chrome, PWA manifest |
| 512×512 | android-chrome-512x512.png | PWA splash screen, maskable icon |
<link rel="icon" type="image/x-icon" href="/favicon.ico" /> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" /> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" /> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" /> <link rel="manifest" href="/site.webmanifest" />
Modern browsers need: 16×16 and 32×32 (browser tab/shortcut), 48×48 (Windows taskbar), 57×57 and 72×72 (iOS non-retina), 96×96 (Android Chrome), 114×114 and 144×144 (iOS/Android retina), 152×152 and 180×180 (iOS home screen), 192×192 and 512×512 (PWA splash/maskable). The .ico file should embed at least 16×16, 32×32, and 48×48.
Use a square PNG or SVG at 512×512 px or larger for best results. Avoid images with important details near the edges as they may be cropped in circular/rounded formats. SVG is ideal because it scales without quality loss.
Yes, if you want your site to be installable as a Progressive Web App (PWA). The manifest references the 192×192 and 512×512 icons. Modern browsers also use the manifest for Android home screen shortcuts.
Place all generated files in your site root and add these tags to your HTML '<'head>: '<'link rel="icon" type="image/x-icon" href="/favicon.ico">, '<'link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">, '<'link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">, and '<'link rel="manifest" href="/site.webmanifest">.