> ## Documentation Index
> Fetch the complete documentation index at: https://docs.hadoseo.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Lovable Favicon Showing in Google SERP

> Replace Lovable's default favicon with your own in Google search results

If Google shows Lovable's default heart favicon instead of your custom one, the default favicon is still in your project.

## Why This Happens

Lovable projects include a default `favicon.ico` file. Even if you add your own favicon via `<link>` tags, the default file may still be served.

## How to Fix

**1. Remove the default favicon from your project:**

In Lovable, ask the AI:

```
Remove the default favicon.ico file from the public folder
and replace it with my custom favicon at [your-favicon-url]
```

**2. Add your custom favicon properly:**

```html theme={null}
<link rel="icon" type="image/png" href="/your-favicon.png" />
<link rel="icon" type="image/x-icon" href="/your-favicon.ico" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
```

**3. Verify the fix:**

1. Visit `https://yourdomain.com/favicon.ico` directly
2. It should show your custom favicon, not Lovable's heart
3. Use [SEO Bot Crawler Test](https://hadoseo.com/free-seo-bot-crawler-test) to verify

**4. Wait for Google to update:**

Google caches favicons. After fixing, it may take days to weeks for Google to fetch the new one. You can request re-crawling in Google Search Console.