About the Favicon Generator
A favicon is the small icon shown in browser tabs, bookmarks, search results and on phone home screens when someone saves your website. A clear favicon makes your site look professional and helps visitors find your tab among many others. Google also displays favicons next to your pages in mobile search results.
The Favicon Generator creates everything you need from a single source. Design a simple icon from one or two letters or an emoji with a solid or gradient background, or upload your logo. Then download a ready-to-use package containing favicon.ico (with 16, 32 and 48 pixel sizes), PNG favicons, the 180×180 Apple touch icon, Android Chrome icons and a web manifest, plus the HTML code to paste into your website's <head>.
Designing a favicon that is easy to recognise
- Keep it simple. A favicon is shown at 16 × 16 pixels in a browser tab. One or two bold letters or a simple symbol work better than a full logo with small text.
- Use strong contrast, such as white letters on a dark brand colour, so it stands out in both light and dark browser themes.
- Test small. Look at the preview at the smallest size before downloading.
Installing it
- Download the ZIP and upload the files to the root folder of your website, where your home page is.
- Copy the HTML code and paste it inside the
<head>of your pages, or in your theme's header settings. - WordPress users can instead upload the 512-pixel PNG under Appearance → Customize → Site Identity → Site Icon.
Not showing up?
Browsers keep old favicons in their cache for a long time. Open your site in a private window or clear the cache. Google may take days or weeks to update the icon in search results.
How to use the Favicon Generator
- Choose Text / Emoji to design an icon, or Image to upload your logo.
- Adjust the text, colors and shape and check the preview.
- Download the full favicon package as a ZIP or individual sizes.
- Upload the files to your website root and paste the HTML code into the .
Frequently asked questions
What size should a favicon be?
Browsers use 16×16 and 32×32 pixels in tabs, 48×48 for Windows shortcuts, 180×180 for Apple devices and 192×192 and 512×512 for Android. The package includes all of them.
Where do I upload favicon.ico?
Place it in the root folder of your website (the same folder as your homepage), so it is available at yourdomain.com/favicon.ico.
Why is my new favicon not showing?
Browsers cache favicons aggressively. Clear your cache or open the site in a private window to see the new icon.
