A favicon (favorite icon) is a small icon that represents your website in browser tabs, bookmarks, and mobile home screens. It helps with brand recognition and makes your site look professional.

What size should a favicon be?

Modern websites need multiple favicon sizes: 16x16 and 32x32 for browser tabs, 180x180 for Apple Touch Icons, and 192x192 and 512x512 for Android and PWA support. Our generator creates all these sizes automatically.

How do I add a favicon to my website?

Upload your image to our generator, download the favicon package, place the files in your website's root directory, and add the provided HTML link tags to the section of your pages.

What file formats are supported for favicons?

Our generator outputs PNG, SVG, and ICO formats along with a site.webmanifest file for PWA support. ICO is the traditional format, PNG offers transparency support, and SVG provides scalable vector icons.

Favicon Checker — Test Your Website's Favicon

Enter any URL to check if the website's favicon is set up correctly. Tests for favicon.ico, PNG icons, Apple Touch Icon, Android Chrome icons, web manifest, and SVG favicon.

What We Check

favicon.ico

The traditional favicon format. Should be at your site's root directory. Contains 16x16, 32x32, and 48x48 icons in a single file. Required for compatibility with older browsers and some PDF readers.

PNG Favicons

Modern browsers prefer PNG favicons specified via <link rel="icon"> tags. We check for 16x16 and 32x32 sizes, which cover browser tabs and taskbar icons.

Apple Touch Icon

A 180x180 PNG icon used when iOS users add your site to their home screen. Without this, iOS generates an ugly screenshot thumbnail as the icon.

Android Chrome Icons

192x192 and 512x512 PNG icons referenced in the web manifest. Used for Android home screen shortcuts and PWA splash screens. Required for PWA installability.

Web App Manifest

A JSON file (site.webmanifest or manifest.json) that defines your app's icons, theme color, and display mode. Required for PWA support and Android home screen icons.

SVG Favicon

A vector favicon that renders crisply at any size. Supported in Chrome, Firefox, Edge, and Safari 15+. Can support dark mode via CSS media queries inside the SVG.

Common Favicon Issues & Fixes

Favicon not showing in browser tab

Most common cause: browser caching. Try Ctrl+Shift+R (Windows) or Cmd+Shift+R (Mac) to hard refresh. If that doesn't work, check that your favicon.ico is in the root directory and your HTML includes the correct <link rel="icon"> tag with the right path.

Favicon shows on desktop but not mobile

Mobile browsers use different icon files than desktop. Make sure you have an apple-touch-icon.png (180x180) and a web manifest with 192x192 and 512x512 icons. These are separate from your favicon.ico.

Google not showing my favicon in search results

Google requires a favicon that's a multiple of 48x48 pixels and crawlable (not blocked by robots.txt). It can take weeks for Google to pick up a new favicon. Make sure your favicon is visually distinct and representative of your brand.

Old favicon still showing after update

Favicons are aggressively cached. Solutions: clear browser cache, add a version query string (e.g., /favicon.ico?v=2), restart the browser, or wait 24-48 hours. On mobile, you may need to remove and re-add the home screen shortcut.

Need to generate or fix your favicons?

Favicon Generator|Image to Favicon Converter|What is a Favicon?