Chrome didn't automatically pull in my favicon

Frontend Web Development: The Big Nerd Ranch Guide Chapter 2: Setting Up Your First Project
1

Ran across an interesting issue where even though my favicon.ico was in the same directory as index.html when I reloaded the page the favicon didn’t update. I ended up having to add a link and a querystring to my filename to force the refresh.

I am running Chrome 52 on Mac OS X 10.11.6

2

I was able to resolve this issue by reseting the Favicon cache in Chrome, which can be done by deleting the Favicon file from the directory below. Once done, close/restart Chrome, and reload your index.html file. Your Favicon should then be displayed successfully.

For Mac users:
/Users/your_username/Library/Application Support/Google/Chrome/Default/

For Windows users:
C:\Users\your_username\AppData\Local\Google\Chrome\User Data\Default

2 Likes
3

Hello mike,

As penaherp said, you had to refresh completely your browser, deleting google chrome cache.

4

Thank you for this solution. I thought I had done something wrong, but found that the favicon showed properly in Safari. Deleting the favicons file from the referenced location then re-starting Chrome did indeed resolve this.