About the Favicon Generator
Upload a logo or image to generate a complete favicon package: favicon.ico with 16, 32 and 48 px sizes, PNG icons, an Apple touch icon, Android Chrome icons, a web manifest and the HTML to add to your site.
Key features
- favicon.ico with 16, 32 and 48 px images
- PNG favicons, Apple touch icon and Android Chrome icons
- site.webmanifest for installable web apps
- Ready-to-paste HTML link tags
- Optional background color, rounded corners and padding
- Works with PNG, JPG, WebP and SVG logos
Create every favicon your site needs
A favicon is the small icon in browser tabs, bookmarks, search results and phone home screens. Upload your logo and get a complete package in one ZIP: favicon.ico, PNG icons for every device, a web app manifest and the HTML to add to your site.
What's in the package
| File | Size | Used by |
|---|---|---|
| favicon.ico | 16, 32, 48 px | All browsers, Windows, bookmarks |
| favicon-16x16.png | 16 px | Browser tabs |
| favicon-32x32.png | 32 px | Tabs on high-resolution screens, taskbars |
| favicon-48x48.png | 48 px | Google search results, Windows |
| apple-touch-icon.png | 180 px | iPhone and iPad home screens |
| android-chrome-192x192.png | 192 px | Android home screens |
| android-chrome-512x512.png | 512 px | Android splash screens, PWAs |
| site.webmanifest | — | Installable web apps (PWA) |
HTML to add
<link rel="icon" href="/favicon.ico" sizes="48x48">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
Design tips
- Simplify: a letter, monogram or symbol reads better than a full logo.
- High contrast: icons sit on light and dark browser themes.
- Use the space: avoid thin borders and large empty margins at small sizes.
- Rounded corners or a background help transparent logos stand out on home screens.
Google search favicons
Google shows your favicon next to search results. It should be a multiple of 48 px square and live on the same domain, and the homepage must link to it. This package covers those requirements.
Related tools
Get your logo ready with Crop Image and the Image Resizer, or check your site's tags with the Meta Tag Checker.
How to use the Favicon Generator
- Drag and drop your files into the upload area, or click Choose files.
- Set any options, such as quality, page size or page ranges.
- Click the convert button. Processing happens right in your browser.
- Download each result individually, or all of them as a ZIP.