How to use the Favicon Generator
- Choose your logo (PNG, JPG, WebP or SVG), or try the example.
- Choose how to make it square, the background and any padding, and check the previews.
- Download the ZIP file, put the files in the root folder of your website and add the HTML lines to your pages.
Supported files and limits
- The ZIP contains favicon.ico (16, 32 and 48 px), 16 and 32 px PNGs, a 180 px Apple touch icon, 192 and 512 px Android icons, site.webmanifest and the HTML.
- A square logo of at least 512 px, or an SVG, gives the sharpest result.
- The Apple touch icon always gets a solid background, because iPhones show transparent areas as black.
- One image, up to 20 MB.
Common questions
What sizes does a favicon need?
Browsers use 16 and 32 px icons in tabs, iPhones use a 180 px icon on the home screen and Android uses 192 and 512 px icons. The package contains all of them.
Where do I put the favicon files?
Put them in the root folder of your website, next to the home page, then add the HTML lines from the result to the <head> section of your pages.
Why does my favicon not change?
Browsers keep favicons for a long time. After updating, open the favicon.ico address directly and reload it, or try a private window.
Is my logo uploaded?
No. The icons are created in your browser, and your logo is never sent to our server or anyone else.