Favicon not showing up when they were before under same format cleared cache tried everything

Question

I have been working on this for hours and it is getting me extremely frustrated since i feel it should be so simple. I had a favicon that worked but wasnt to my liking so i went to switch it out by simply deleting the old favicon and putting a new one in its place with the same name same location but it would not appear and i havnt been able to get another to appear since

this is the code im using didnt know how to get <> in post so replaced them with ()

(head) (title) example (/title) example (link rel="shortcut icon" href="favicon.ico" type="image/x-icon") (/head)

the favicon is a 16x16 ico. file i have tried renaming the favicon and and the href respectively. i have done a clean up of my pc and all unnecessary files i have tried changing the code to thing like "(link rel="icon" href="flavicon.ico" /)" and a million other possible variations to no avail. everytime i make a change i empty the browser cache just in case. I have also put the file in the root folder mostly but have tried relocating it and specifying that location, no luck. when i enter my url + /flavicon.ico it says file not found. I am working purely offline (dont have a webserver or anything) if this could effect it and am testing the code on ie and chrome. one thing to note is that ill delete all copies of previous favicons but when i redownload one and switch it between folders the icon will sometimes change between the correct one and previous icons i feel like this could be a clue to the problem. Could a virus or some wierd computer glitch cause this? Im new to making websites and coding and the answer may be so simple but i feel my isssue is very strange and nothing seems to work if anyone has a suggestion to fix this i would REALLY APPRECIATE IT! (sorry for the long rambling post i just wanted people to see all the different variations i have tried)

Just really quick one to clear up something as you have a typo above, "(link rel="icon" href="flavicon.ico" /)" flavicon, and I just want you to check that as you may have missed in your frustration. That said, in Chrome you got the dev console open, under Application clear site data. Reload. Is the favicon being requested in the Network Pane? — David Kierans
yeah i thought favicon was called flavicon at first so i occasionally mix these up but i have the right spelling in my code and have not messed it up in the actual code for the most part so this is not an issue for sure and i went to application cleared the site data, reloaded then went to the network tab and no there is no request for the favicon ( sorry for the late response i fell asleep) — Don Joe

EBLITZR EBLITZR · Accepted Answer · 2017-02-13T01:40:42

I might suggest Using This Site, it will give you a favicon url, just place it in your <head> tag. I use this on all of my sites and never have a problem. Feel free to ask questions in a comment.

Example:

<head>
<link href="data:image/x-icon;base64,AAABAAEAEBAQAAEABAAoAQAAFgAAACgAAAAQAAAAIAAAAAEABAAAAAAAgAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAGxu/ABwQAwAAAPoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAAAAAAAAAAgAAIAAAAAAAICIAAAAAAAACIAAAAAAAAAIiAAAAAAAAICETAAAAAAIAAAEwAAAAAAAAARMAAAAAAAAAATAAAAAAAAAAEwAAAAAAAAABMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//wAAHn8AAIx/AADA/wAA4f8AAOD/AADAfwAAiD8AAJwfAAD+DwAA/wcAAP+DAAD/wwAA/+MAAP//AAD//wAA" rel="icon" type="image/x-icon" />
</head>

Favicon not showing up when they were before under same format cleared cache tried everything

2 Answers