How to Fix a Missing Favicon (Step-by-Step)
A missing favicon means your site has no small brand icon for browsers, bookmarks, and Google's mobile search results to show. It is a low-severity notice, not a ranking penalty, but it is a fast trust win: a proper favicon makes your listing recognizable in the SERP, in browser tabs, and next to AI-answer citations. The fix is one square image (ideally an SVG plus a PNG or ICO fallback) and a couple of link tags in your page head.
What this means
A favicon ("favorite icon") is the small square image a browser shows in the tab, the bookmark list, browsing history, and mobile home-screen shortcuts. Google also pulls it into mobile search results next to your title and URL. The "no_favicon" code means the crawler loaded your page, looked for a favicon reference, and found nothing usable: no <link rel="icon"> in the HTML head, no /favicon.ico at the site root, or a referenced file that returns a 404 or a broken response.
Browsers discover a favicon two ways. They read <link rel="icon"> (and related tags like apple-touch-icon) in the <head>, and as a fallback they automatically request /favicon.ico from the domain root. If neither resolves to a valid image, the browser falls back to a blank or generic globe icon and the audit flags it. This is a notice, not an error. It will not stop your pages from ranking or being indexed. It is a polish and brand-recognition issue.
Why it matters
A favicon is not a ranking factor, so adding one will not move your position directly. What it does is make your entry recognizable at a glance. On mobile search, Google renders your favicon next to the result; a blank or globe icon looks unfinished and quietly costs you clicks. The same icon appears across a person's open tabs, bookmark bar, and history, and the sites people recognize are the ones they revisit.
There is a real quality-signal angle too. A missing favicon is one of those small "is this site actually maintained?" tells. Automated quality reviews, including AdSense checks, do not score favicons directly, but a site missing the basics (favicon, meta description, a proper title) reads as lower-effort in aggregate. On the AI-answer side, favicons are a display signal rather than a content signal: Perplexity, Google's AI Overviews, and ChatGPT's browsing and citation interfaces frequently show the source site's favicon next to a citation. A proper favicon will not change whether you get cited, but it makes that citation branded and recognizable instead of anonymous.
How to fix it
- 1
Create one square source image
Start from your logo or brand mark at a 1:1 aspect ratio. The modern approach is a scalable SVG plus a raster fallback. Google requires a square favicon and recommends going above 48x48px so it stays sharp on high-density screens, so export your PNG or ICO at 48x48 or larger. Keep the design simple: at 16x16 in a browser tab, fine detail and small text disappear, so use a bold mark or a single letter.
- 2
Add the link tags to your <head>
Reference the icons inside the
<head>of every page, or in your shared layout or template. A robust minimal set is an SVG for modern browsers, an ICO or PNG fallback, and a 180x180 apple-touch-icon for iOS home screens. Browsers also auto-request/favicon.icofrom the root, so placing an ICO there covers older clients even without a tag. Confirm every path actually resolves; a link tag pointing at a 404 is the same as having no favicon. - 3
Use your platform's built-in favicon upload
Most site builders have a dedicated favicon field, so you never touch HTML. In WordPress, set the Site Icon under Appearance > Customize > Site Identity (upload at least 512x512); Yoast and Rank Math do not manage favicons, so use the Customizer. Shopify: Online Store > Themes > Customize > Theme settings > Favicon. Squarespace: Design > Browser Icon. Wix: Settings > Website Settings > Favicon. On raw HTML, Next.js, or a static site, add the files and link tags yourself (see the code example).
- 4
Serve it correctly and keep it crawlable
The favicon must return HTTP 200 with an image content type, and it must not be blocked in robots.txt. Google needs Googlebot to reach your home page and Googlebot-Image to fetch the favicon file. Keep the URL stable: if you swap the image, reuse the same path rather than versioning the filename, because Google caches favicons per hostname and a changing URL slows re-discovery. Google supports only one favicon per hostname, so subdomains can differ but subdirectories inherit the root.
- 5
Deploy, hard-refresh, and verify
After deploying, clear your cache or open a private window; favicons are cached aggressively and you will often see the old or blank icon otherwise. Confirm the file loads by visiting the icon URL directly (for example yoursite.com/favicon.ico). For search results, run URL Inspection on your home page in Search Console to prompt a recrawl. Google's favicon crawl is separate from normal indexing and can take several days to a few weeks to appear in the SERP.
Example
<!-- In <head> -->
<!-- Modern browsers: scalable SVG -->
<link rel="icon" href="/icon.svg" type="image/svg+xml">
<!-- Fallback for browsers without SVG favicon support -->
<link rel="icon" href="/favicon.ico" sizes="any">
<!-- iOS home-screen shortcut (180x180 PNG) -->
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<!-- Browsers also auto-request /favicon.ico from the root,
so keep an ICO there even without a tag. -->A robust modern favicon set. Put these in your <head> and keep an ICO at the site root as an automatic fallback.
Frequently asked
No. A favicon is not a ranking factor and will not affect your position, which is why this is a low-severity notice rather than an error. It only affects how your site is displayed, in the mobile SERP, browser tabs, and bookmarks. Adding one is a brand-recognition and trust win, not a ranking fix.
Use both. An SVG covers modern browsers and scales perfectly, but SVG favicons are not supported everywhere. Keep a favicon.ico or a 48x48-or-larger PNG as the fallback, and place an ICO at your site root, since browsers automatically request /favicon.ico even when there is no link tag.
Two common causes. First, browser caching: hard-refresh or use a private window to confirm the icon itself renders. Second, Google's favicon crawl is slow and separate from normal indexing, and can take several days to a few weeks. Make sure the file returns HTTP 200, is not blocked in robots.txt, and then request indexing on your home page in Search Console to speed it up.
Provide a square image that is at least 8x8px, which is Google's stated minimum. Google recommends going larger than 48x48px (96x96 or 144x144 work well) so it stays sharp on high-resolution surfaces. For the full modern set, ship an SVG, an ICO or PNG fallback, and a 180x180 apple-touch-icon. Builders like WordPress and Squarespace ask for a larger source (often 512x512) and generate the smaller sizes for you.
Indirectly. They do not use your favicon to decide whether to cite you; that is driven by your content. But when they do cite a source, Perplexity, Google AI Overviews, and similar interfaces often display the source site's favicon next to the link. A proper favicon makes your citation look branded and recognizable instead of anonymous.
Does your site have this issue?
Run a free, AI-powered audit and we’ll flag this and 150+ other checks in about a minute. No signup.