Favicon Generator
Upload any image and get favicons in every standard size — PNGs, a multi-resolution .ico, and a ZIP with a ready-to-paste HTML snippet. Entirely in your browser.
What is a Favicon Generator?
A favicon (favourite icon) is the small icon displayed in browser tabs, bookmarks, and browser history. Modern browsers and devices require favicons in multiple sizes: 16x16 for classic browser tabs, 32x32 for taskbars, 180x180 for Apple Touch icons, and a multi-size .ico file for maximum compatibility.
This tool generates all the standard favicon sizes from a single square image, plus the HTML snippet you need to add to your head element.
How to generate a favicon online
- Upload a square PNG, SVG, or JPG image (at least 512x512 px recommended).
- The tool generates all required sizes: 16, 32, 48, 96, 180 px, and a .ico file.
- Download the ZIP with all files and the ready-to-paste HTML snippet.
- Add the files to your project root and paste the HTML into your head element.
Frequently Asked Questions
What size should my source image be for a favicon?
Use at least 512x512 pixels. The image should be square — non-square images are cropped. A simple icon or logo without fine text works best at small sizes.
What is an apple-touch-icon?
The apple-touch-icon (180x180 px) is the icon used when a user adds your website to their iPhone or iPad home screen. It appears as an app icon on the home screen.
Do I need both .ico and PNG favicons?
The .ico format supports multiple sizes in a single file and is the most compatible. Modern browsers support PNG favicons, and SVG favicons scale perfectly. Including both .ico and PNG covers all browsers.
Where do I put the favicon files?
Place the favicon files in the root directory of your website (the same folder as index.html) and add the HTML link tags to your head. The tool provides the exact HTML snippet.