What you get
| File | Used by |
|---|---|
| favicon.ico (16, 32, 48 px) | All browsers, Windows, Google Search |
| favicon-16x16.png, favicon-32x32.png | Browser tabs |
| apple-touch-icon.png (180 px) | iPhone and iPad home screens |
| android-chrome-192 / 512 px | Android and "Install app" |
| site.webmanifest | Lists the app icons and colours |
How to install
- Upload a square image (an SVG or a PNG of at least 512 × 512 works best).
- Download the ZIP and upload all files to the root of your website.
- Paste the generated tags into the <head> of your pages.
- Test the result with the Favicon Checker.
The Apple touch icon always gets a solid background, because iOS shows transparency as black.
Frequently asked questions
What image should I start with?
A square logo or symbol, ideally SVG or PNG of at least 512 × 512 pixels, with little fine detail.
Why does Google not show my new favicon?
Google needs to recrawl your home page; it can take days or weeks. The icon must be crawlable and at least 48 px.
Is my image uploaded?
No, every icon is created in your browser.

