About the Favicon Generator
The Favicon Generator creates all the icon sizes your website needs from one image: 16×16 and 32×32 icons for browser tabs, a 180×180 Apple touch icon for iPhone home screens, and 192×192 and 512×512 icons for Android and Progressive Web Apps. A favicon makes your site recognizable among many open tabs, in bookmarks and in Google's mobile search results.
How to Use the Favicon Generator
- Upload a square image, ideally at least 512×512 pixels.
- Click Generate.
- Download the generated icon files.
- Upload them to the root of your website and add the
<link>tags to the<head>of your pages.
Designing a Good Favicon
At 16 pixels there is no room for detail, so use a simple symbol or one or two letters from your brand rather than a full logo with text. Use bold shapes and strong contrast, and check how the icon looks in both light and dark browser themes. Start from a square image so nothing is stretched.
HTML to Add to Your Site
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">, <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> and <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">. Reference the 192 and 512 pixel icons from your site.webmanifest file for Android and PWA support.
Favicons in Google Search
Google shows your favicon next to your site name in mobile results. It must be a multiple of 48×48 pixels, be crawlable (not blocked by robots.txt) and represent your brand. After changing it, it can take some days for Google to show the new icon.
Frequently Asked Questions
Why is my old favicon still showing?
Browsers cache favicons aggressively. Clear the cache, open the site in a private window, or add a version query such as ?v=2 to the file name.
Do I still need favicon.ico?
Modern browsers use PNG icons, but placing a favicon.ico in the site root still helps older browsers and some tools.
What image should I upload?
A square PNG with a simple design, at least 512×512 pixels.
Does a favicon help SEO?
It does not directly improve rankings, but it makes your result more recognizable, which can improve click-through rate.