A modern favicon is no longer a single file: browsers look for the classic favicon.ico, iOS uses the 180 px apple-touch-icon, and Android/Chrome read the 192 and 512 px icons declared in the webmanifest. This tool generates all 8 files at once from your logo, with automatic centered square cropping, and hands you the exact HTML block for your <head>.
How it works
- 1
Upload your logo (ideally a square PNG, 512 px or larger).
- 2
Review the preview of every generated size.
- 3
Download the ZIP and paste the snippet into your <head>.
Frequently asked questions
Exactly which files are generated?
favicon.ico (16, 32 and 48 px), favicon-16x16.png, favicon-32x32.png, favicon-48x48.png, apple-touch-icon.png (180 px), android-chrome-192x192.png, android-chrome-512x512.png and site.webmanifest.
Where do I put the files on my site?
Upload every file from the ZIP to your site root (next to index.html) and paste the generated HTML block inside the <head> of your pages.
Are my logos uploaded to a server?
No. All processing happens inside your browser using the Canvas API: your files never leave your device, there are no upload queues, and the tool even works offline once the page has loaded.