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

Posted on May 1, 2017 Updated on May 1, 2017

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”

Options:

1. Create a small 1kb ico to satisfy the browser
2. use this to override:

   <link rel="icon" href="data:;base64,iVBORw0KGgo=">