A favicon generator takes one square image and produces every favicon size your site needs, so you do not have to resize and export each one by hand. Upload a single source image, get the full set back, and paste a few link tags into your HTML. Here is how it works and which sizes matter.
What sizes a favicon needs
Browsers and devices ask for different favicon sizes in different places, and a good favicon generator builds all of them from your one source:
- 16x16 and 32x32: the classic browser tab and bookmark icons.
- 48x48: used by some desktop and Windows contexts.
- 180x180: the apple-touch-icon for iOS home screens.
- 192x192 and 512x512: the icons referenced by your web app manifest for Android and installable apps.
Modern browsers happily accept PNG favicons, so you do not need a fussy multi-size .ico file anymore. One PNG per size is clean and well supported.
Generate your favicon set
- Open the Favicon Generator and upload one square image.
- Download the generated 16, 32, 48, 180, 192, and 512 pixel versions.
Use a source image that is at least 512px square. Anything smaller gets blurry when scaled up, and a non-square image will end up stretched or cropped. The whole process runs in your browser, so your image is never uploaded to a server.
Add the HTML link tags
Once you have the files, drop them in your site root and add these tags inside the <head>:
<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">
The 192 and 512 versions go in your web app manifest under the icons array, which is what makes your site installable with a proper icon.
Check how it actually looks
After deploying, it is worth confirming the favicon shows up where it should. The Favicon Checker pulls your live favicon the way Google and browsers do, so you can see how it renders in search results and tabs before you assume it is working. Caching often hides a missing or stale favicon, so a checker saves you a lot of guessing.
Related tools
- Favicon Checker: see how your favicon looks in Google search results and browser tabs.
- Image Converter: turn a JPG or other format into the PNG a favicon generator expects.
- Image Resizer: crop or square up your source image before you generate the set.
Start with one clean 512px square, run the Favicon Generator, paste the link tags, and your icon shows up everywhere it should.