- Home
- Favicon generator
Generate a favicon for your website
Drop your logo and get every icon a website needs: favicon.ico, PNG icons for browsers, iPhone and Android, the web manifest and the HTML code to paste.
JPG, PNG, WebP, AVIF, GIF, BMP · up to 30 images at once · or paste with Ctrl+V
Choose images- Processed in your browser by default
- Free, no account
- Metadata (GPS) removed
How to do it
Drop your logo
A square PNG of at least 512 × 512 px gives the best result.
Choose the background
Transparent or a color, with optional padding around the logo.
Download the ZIP
Put the files at the root of your site and paste the HTML code in the head of your pages.
What is in the package
| File | Used by |
|---|---|
| favicon.ico (16, 32, 48 px) | Browser tabs, bookmarks, Windows |
| favicon-16x16.png, favicon-32x32.png | Modern browsers |
| apple-touch-icon.png (180 px) | iPhone and iPad home screen |
| android-chrome-192x192.png, 512x512 | Android home screen, web app |
| site.webmanifest | Installable web app |
HTML code to paste
The package includes this code, to place in the head of every page:
<link rel="icon" href="/favicon.ico" sizes="48x48">\n<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">\n<link rel="apple-touch-icon" href="/apple-touch-icon.png">\n<link rel="manifest" href="/site.webmanifest">Frequently asked questions
Which image should I use?
A simple, square logo with little detail: favicons are displayed as small as 16 pixels.
Why is the Apple icon not transparent?
iPhones fill transparent areas with black, so the Apple icon always gets a background (white, or the color you choose).
Where do I put the files?
At the root of your website, next to the home page, then paste the HTML code in the head section.
Is my image uploaded?
No, the icons are generated in your browser.