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" />
Upload a square source image, then choose the background, corner radius, and padding before pressing Generate. Inspect the smallest preview as well as the larger icons: a detailed logo may become unreadable at sixteen pixels. Download the ICO for browser use or download all generated assets together. The example below describes the ICO directory produced from a square PNG; the actual image bytes depend on your artwork.
The ICO contains three PNG images at sixteen, thirty two, and forty eight pixels. The larger PNG exports cover additional device sizes. Review the generated manifest before adding it to your project because its default application name and root relative icon paths may need editing. A rectangular source is drawn into square outputs, so prepare a square canvas first when you need to preserve its proportions.
Input: square PNG logo
Output: favicon.ico
ICO entries: 16 × 16, 32 × 32, 48 × 48
Entry encoding: PNG
Upload a source image and generate square PNG icons plus an ICO containing 16, 32, and 48 pixel entries. Additional PNG sizes serve other device contexts. Download the files, review the generated manifest’s name and paths, and integrate them into your site. The generator does not deploy icons or clear a browser’s cached favicon.
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">.