Skip to main content
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: 
<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 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.