Google chrome doesnt load favicon

Question

I opened Chrome's developers tools and it doesn't load my favicon at all when I looked for it at networks tab. Here is my code:

<DOCTYPE HTML>
<head>
    <link rel="icon" href='./img/favicon.ico' type="image/x-icon"/>
    <meta charset="utf-8">
    <title>Website</title>
    <link rel="stylesheet" href="style.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
    <script src="script.js"></script>
</head>

Browsers cache the favicon and clearing cache does not always help. Type the full url of the favicon to a new browser tab and then refresh your page. This usually works for me. — Tasos K., May 01 '16 at 14:28

score 2 · Answer 1 · answered May 01 '16 at 14:04

2

Try this one:

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

answered May 01 '16 at 14:04

Ronak

127
3
15

score 1 · Answer 2 · answered May 01 '16 at 14:06

1

Upload your favicon.ico to the root directory of your website and that should work with Chrome. Some browsers disregard the meta tag and just use /favicon.ico

Go figure?.....

answered May 01 '16 at 14:06

Naresh Kumar

561
2
15

ScaisEdge · Answer 3 · 2016-05-01T14:47:14.467

0

Try adding type type="image/x-icon"

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

and try move the favicon.ico in an subdir /img

then

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

or with shortcut icon

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

or save the ico like a png

 <link rel="shortcut icon" type="image/png" href="./img/favicon.png" />

edited May 01 '16 at 14:47

answered May 01 '16 at 14:06

ScaisEdge

131,976
10
91
107

done that and still npt working i have tried almost everything apparently it doesnt work – Davimar Caffe May 01 '16 at 14:09
I have update the answer ..in not work show all the head code – ScaisEdge May 01 '16 at 14:16
i updated the question, tried that still not working – Davimar Caffe May 01 '16 at 14:22
Try forcing a reload ctrl+F5 or Ctrl-Shift-R (ignore cache) – ScaisEdge May 01 '16 at 14:28
Try moving the row with the link icon below the meta charset – ScaisEdge May 01 '16 at 14:35
i moved it under every row and still nothing, its driving me crazy for weeks now, is there anything else i can do to display the favicon without the html tag or idk? – Davimar Caffe May 01 '16 at 14:41

score 0 · Answer 4 · answered May 01 '16 at 14:45

0

Seems there's no issue with your code attributes.This is the standerd form

<link rel="icon" href="imagelocation" type="image/x-icon" sizes="16x16">

Try a Image from internet without downloading and make verify that it's not a issue of Chrome first.Then take a look to your code and location of the image are matching correctly with your location of file you have call your Favicon.

Accroding to your tag your favicon should be in a sub directory called 'img'.This may be a browser cacheing issue also. Try viewing page source (Right Click > View Page Source ) and go to the location of the image and try reload it.

answered May 01 '16 at 14:45

Srivin Prabhash

123
1
4

I have tried an online favicon and it didnt do anything, i have tried reloading with ctrl+shift+r to ignore the cache and still nothing, tried in other pcs and again the same result – Davimar Caffe May 01 '16 at 14:49
remove that ./ part and try again.. href="img/favicon.ico" .. and try adding your favi to root directory. If its already in the root directory why you using that /img part in your tag ? – Srivin Prabhash May 01 '16 at 14:51
moved it back and forth its not doing the trick, removed the ./ still nothing – Davimar Caffe May 01 '16 at 14:57

Google chrome doesnt load favicon

4 Answers4