Missing .ico or .png Favicon — Google Search Won't Display Your Icon

What’s the issue?

Your site is missing a .ico or .png favicon. We checked for:

• <link rel="icon"> tags pointing to .ico or .png files
• A /favicon.ico file on your server (the default path browsers check)
• 16x16 and 32x32 PNG favicon declarations

None of these were found. Without a .ico or .png favicon, Google Search will not display an icon next to your site in search results, making it look less professional and harder to identify.

How it looks in Google Search

Why not SVG?

While SVG favicons work great in modern browsers (they scale perfectly and support dark mode), Google Search does not support them:

Format	Google Search	Browsers
.ico	Supported	Supported
.png	Supported	Supported
.gif	Supported	Supported
.svg	Not supported	Supported

This is documented in Google’s favicon guidelines. Google’s crawler and indexing pipeline simply ignores SVG favicons.

How to fix it

Option 1: Add a /favicon.ico file

Place a favicon.ico file at the root of your site. Browsers and Google will find it automatically at https://yoursite.com/favicon.ico:

<link rel="icon" href="/favicon.ico" sizes="any" />

Option 2: Provide multiple formats (recommended)

<!-- For Google Search and older browsers -->
<link rel="icon" href="/favicon.ico" sizes="any" />

<!-- High-quality PNG for modern browsers -->
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />

<!-- SVG for modern browsers (scalable, supports dark mode) -->
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />

Google’s favicon requirements

For your favicon to appear in Google Search, it must meet all of these criteria:

1. Format: ICO, PNG, or GIF (not SVG)
2. Size: Must be a multiple of 48px (e.g., 48x48, 96x96, 144x144)
3. URL: Must be crawlable (not blocked by robots.txt)
4. Content: Must visually represent your site’s brand
5. Appropriate: Must not be inappropriate or offensive

How to generate a .ico file

Using RealFaviconGenerator

Upload your image or SVG and it will generate all needed formats automatically.

Using Sharp (Node.js):

import sharp from 'sharp'

// Generate 32x32 PNG from any source image
await sharp('logo.png')
  .resize(32, 32)
  .png()
  .toFile('favicon-32x32.png')

// Generate 48x48 for Google
await sharp('logo.png')
  .resize(48, 48)
  .png()
  .toFile('favicon-48x48.png')

Using ImageMagick:

# Convert to multi-size ICO
convert logo.png -define icon:auto-resize=48,32,16 favicon.ico

The modern favicon stack

A complete favicon setup should include:

1. favicon.ico — For Google Search and legacy browsers (48x48 or multi-size)
2. favicon-32x32.png — Standard browser tab icon
3. favicon.svg — Scalable icon with optional dark mode via CSS prefers-color-scheme
4. apple-touch-icon.png — 180x180 for iOS home screen

Common mistake: SVG-only setup

Many modern sites only declare an SVG favicon:

<!-- This alone is NOT enough for Google -->
<link rel="icon" href="/favicon.svg">

This works in browsers but Google will show a generic globe icon in search results instead of your brand icon. Always include a .ico or .png fallback.