Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Firefox doesn't show favicon

Tags:

html

favicon

I created favicon.ico file and declared it in my HTML head tag:

<link type="image/x-icon" href="favicon.ico" rel="icon" />
<link type="image/x-icon" href="favicon.ico" rel="shortcut icon" />

IE 8 and Opera handle it great but FireFox does not even try to load it (as I see from my Fiddler debug proxy). I've tried many different type (image/ico etc.) and href params but no luck.

What did I miss?

like image 953
Denis Avatar asked May 30 '11 20:05

Denis


People also ask

Why is my favicon not showing up on Firefox?

If Firefox is displaying a wrong or no bookmark favicon in the browser, follow these suggestions: Rebuild favicon configuration file. Restart the favicon service. Disable all add-ons.

Why is my favicon not showing up?

When you add a favicon to your site, it may not show up since your browser has 'saved' your site as one without a favicon. You need to clear the cache in your browser or use a different browser.

How do I fix the favicon in Firefox?

The quickest and most efficient solution that will resolve the issue in most cases is to simply navigate to the AppData folder of Firefox, find your profile folder and delete the file name favicons. sqlite while Firefox is closed. This process will force Firefox to create a new favicon .

How do I make my favicon appear?

To add a favicon to your website, either save your favicon image to the root directory of your webserver, or create a folder in the root directory called images, and save your favicon image in this folder. A common name for a favicon image is "favicon.ico".


2 Answers

Like most things in the browser, favicons (or lack thereof) are common candidates for caching.

Try clearing your browser cache.

In Mozilla Firefox, the keyboard shortcut to "Reload (override cache)" is

  • Ctrl + F5 OR
  • Ctrl + Shift + R
like image 87
Zach Rattner Avatar answered Oct 04 '22 04:10

Zach Rattner


Firefox has separate cache for favicon and this does not work properly. The favicon is not updated easily in firefox. This is a small issue but troubles many of us for long time.

The solution is to clear the favicon cache so that the favicon is update. There are many solutions you can find if you go through the internet or stackoverflow. Most of the solution imvolves deleteing the favicon cache manually or using some plugins. Some saying deleting the file from temp internet files. But there is one really simple and easy way to fix the problem.

  1. Type in www.yoursite.com/favicon.ico (or www.yoursite.com/apple-touch-icon.png, etc.)
  2. CTRL + F5 or CTRL + R

This will immediately update the favicon.

This solution was originally posted by 'alex' at this link: How do I force a favicon refresh

like image 34
iiR Avatar answered Oct 04 '22 03:10

iiR