favicon.ico Failed to load resource: the server responded with a status of 404 (Not Found)

Posted on Updated on

One of those things that only rears it’s head once you place a project into production.

I kept getting this error even though I have not specified any favicon in my code.

Now I ask myself, what is a favicon? According to wikipedia a favicon is that little image that shows up next to a web address. Accoding to this stackoverflow link, chrome will request favicon 3 times for each IFRAME

Following the SO link, yahoo says “The favicon.ico is an image that stays in the root of your server. It’s a necessary evil because even if you don’t care about it the browser will still request it, so it’s better not to respond with a 404 Not Found


  1. Create a small 1kb ico to satisfy the browser
  2. use this to override:
    <link rel="icon" href="data:;base64,iVBORw0KGgo=">

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s