How to fix favicon.ico error: "Failed to load resource: net::ERR_EMPTY_RESPONSE"

Question

I downloaded the Netbeans IDE to code in HTML. When I run my code, chrome is opening and everything is working just fine. I'm getting some sort of error in the Output - Browser Log.

Failed to load resource: net::ERR_EMPTY_RESPONSE (20:00:55:963 | error, network)
at http://localhost:8383/favicon.ico

How do I fix it?

Reading this from seven years in the future... every time I have this problem, the solution is different from the previous time. What I'm getting in FF is no error once, but all subsequent reloads show the error. Solution from element11 solved it (this time). — DarenW, Feb 14 '22 at 23:17
In my case, it was fixed by moving the `favicon.ico` to the same place as my Html file. Obviously, you should change the icon path too. — Asef Hossini, Aug 02 '22 at 19:23

score 313 · Accepted Answer · edited Dec 25 '20 at 10:24

313

I have had this error for some time as well. It might be some kind of netbeans bug that has to do with netbeans connector. I can't find any mention of favicon.ico in my code or in the project settings.

I was able to fix it by putting the following line in the head section of my html file

<link rel="shortcut icon" href="#">

I am currently using this in my testing environment, but I would remove it for any production environment.

edited Dec 25 '20 at 10:24

Nam G VU

33,193
69
233
372

answered Jul 09 '15 at 22:46

element11

4,218
2
16
22

4

I don't think it has to do with NetBeans. It happens whenever you do `cordova run browser`. – Ricardo Magalhães Cruz Jul 21 '16 at 10:43
2

For me it happened now while being inside a directory of my website. But it pointed to the root directory looking for a favicon.ico. I am using Chrome... – Alex Cio Feb 24 '17 at 02:13
8

It has nothing to do with NetBeans, I use Eclipse, PyCharm etc and I get the same error. – Ibo Oct 31 '17 at 17:13
5

This solution might not be correct, as I have tried it, and it doesn't work. Still getting the error. – Vladel Sep 11 '18 at 12:50
@Tamas yeap the same for me, the answer below should be the correct one – Harry Theo Nov 12 '19 at 16:16
1

Only with `href="#"` wokring ref. https://stackoverflow.com/a/43791570/248616 – Nam G VU Dec 25 '20 at 10:25
message disappeared when I removed all my chrome extensions – supmethods Jul 27 '21 at 01:00
Instead of `href="#"`, which can cause some browsers to re-request the page, use `` to prevent any request, per https://stackoverflow.com/a/38917888/1327983 – alttag Oct 18 '21 at 19:12
Just ran into this issue. It is specific to favicons. Create a favicon.svg file and apply the path to your favicon in your link tag href attribute and then rebuild client. – Luis Jul 13 '22 at 19:45
This worked for me but why it happened and why it is solved with this addition? – tarekahf Oct 31 '22 at 03:17

score 183 · Answer 2 · answered May 04 '17 at 19:43

183

The accepted answer didn't work for me, I had to add a value to the href attribute:

<link rel="shortcut icon" href="#" />

answered May 04 '17 at 19:43

Agu Dondo

12,638
7
57
68

10

The accepted answer did not work for me either. Thanks for posting this...it worked me (in chrome). – Nirmal Jun 19 '17 at 21:04
1

Yeah this removes the error in Chrome when hosting my HTML page on AWS S3. Without it I get a 403 error for favicon.ico, despite the fact that there was no reference to a favicon in the code. – MSC Jul 19 '18 at 23:27
Do we need to specify any mime type for this? – Kurkula Jul 26 '18 at 21:06
2

This will trigger the double fetching of the document in some browsers (including Chrome), see https://stackoverflow.com/questions/2009092/page-loads-twice-in-google-chrome – kursus Feb 18 '20 at 16:23
@kursus: The problem seems to be suppressed in Sr Julien answer https://stackoverflow.com/a/40527353/669527 – IvanH Mar 04 '20 at 11:35
BE CAREFUL if you're using this option. If you're using a filter in a web project this might cause it to get called twice as I answered here https://stackoverflow.com/questions/16646819/dofilter-called-twice-intended-behaviour/60557875#60557875 . I recommend calling a valid icon it's that simple. – juan_carlos_yl Mar 06 '20 at 05:08
same here. thanks for posting this. it work for me as well. – mokh223 Dec 15 '20 at 23:03
Agree! This should be th accepeted one. – Nam G VU Dec 25 '20 at 10:24

Arnon Erez · Answer 3 · 2020-03-17T11:21:18.170

39

The accepted answer didn't work for me so I've found this solution.

It may be related to the HTML version as the most voted solution there states:

If you need your document to validate against HTML5 use this instead:
<link rel="icon" href="data:;base64,iVBORw0KGgo=">

See the link for more info.

edited Mar 17 '20 at 11:21

answered Nov 20 '15 at 01:50

Arnon Erez

560
4
7

[Here](https://stackoverflow.com/a/13416784/1705829) is the link to the solution, not the question. – Timo Feb 23 '22 at 09:45

score 38 · Answer 4 · answered Apr 26 '18 at 21:46

38

The answers above didn't work for me. I found a very good article for Favicon, explaining:

what is a Favicon;
why does Favicon.ico show up as a 404 in the log files;
why should You use a Favicon;
how to make a Favicon using FavIcon from Pics or other Favicon creator;
how to get Your Favicon to show.

So I created Favicon using FavIcon from Pics. Put it in folder (named favicon) and add this code in <head> tag:

<link rel="shortcut icon" href="favicon/favicon.ico">
<link rel="icon" type="image/gif" href="favicon/animated_favicon1.gif">

Now there is no error and I see my Favicon:

answered Apr 26 '18 at 21:46

Petya Kostova

481
2
6
12

Tried this... everything works fine in my local but when I deploy to servers I am getting this error.. – Ziggler Aug 08 '18 at 16:55
1

@Petya Kostova, thanks for the link! Very helpful. Just to add one more link, [this article](https://mathiasbynens.be/notes/rel-shortcut-icon) explains how `icon` is for Chrome/Firefox/etc while `shortcut icon` is for IE, just for anyone (like me) who was curious why you need both. – James Toomey Feb 01 '19 at 20:37

score 25 · Answer 5 · answered Jun 26 '15 at 14:41

25

favicon.ico is the icon of a website on the title bar of your website. Netbeans couldnt find the favicon.ico file in your website folder

if you dont want it, you can remove the line that is similar to this in your head section

 <link rel="shortcut icon" href="favicon.ico">

or if you want to use an icon for the title bar, you can use icon convertor to generate a .ico image and keep it in your website folder and use the above line in the head section

answered Jun 26 '15 at 14:41

Trinadh venna

475
3
11

6

There is no icon like that in my head section. – Rockstar5645 Jun 26 '15 at 14:44
1

Please post your head section html code, it is difficult to solve an error without seeing the code – Trinadh venna Jun 26 '15 at 14:47
1

The thing is that `/favicon.ico` is always requested automatically by browsers or servers, nowadays, if there is no ``. If you provide a different URI in this ``, then that URI is requested instead. There is nothing to remove. – Sebastian Simon Sep 04 '20 at 19:19

score 14 · Answer 6 · answered Nov 10 '16 at 12:12

14

For me the answer didn't work too, but this work fine:

<link rel="shortcut icon" href="data:image/x-icon;," type="image/x-icon">

answered Nov 10 '16 at 12:12

Sr Julien

494
1
8
27

This solves the problem without causing double fetching. – IvanH Mar 04 '20 at 11:36

score 5 · Answer 7 · edited Sep 04 '16 at 15:08

5

You can provide your own image and reference it in the head, for example:

<link rel="shortcut icon" href="images/favicon.ico">

edited Sep 04 '16 at 15:08

Tunaki

132,869
46
340
423

answered Sep 04 '16 at 14:59

Larry

51
1
1

score 3 · Answer 8 · edited Aug 15 '17 at 03:44

Also, be careful so your href location isn't faulty. Study case:

My index page was in a temporary sub-folder named LAYOUTS. To reach the favicon.png from inside the IMAGES folder, which was a sibling of the LAYOUTS folder, I had to put a path in my href like this

href="../images/favicon-32x32.png"

Double periods are necessary for folder navigation "upwards", then the forward slash + images string gets you into the images folder (performing a tree branch "jump") and finally you get to reference your file by writing favicon-32x32.png.

This explanation is useful for those that start out from scratch and it would have been useful to have seen it a couple of times since I would forget that I had certain *.php files outside the LAYOUTS folder which needed different tree hrefs on my links, from the HEAD section of each page.

Reference the path to your favicon image accordingly.

I'm not sure if it is good to use relative paths directly. I typically use @Url.Content("~/Images/favicon.ico") if using MVC or ASP.NET Web API to resolve URLs fully before sending down to the client. — justdan23, Sep 28 '17 at 13:57

score 2 · Answer 9 · answered Jan 27 '19 at 10:57

2

This problem occurs when you do not declare at the top of your HTML file in HEDER this tag.

<link rel="icon" href="your_address_icon" type="image/x-icon">

answered Jan 27 '19 at 10:57

Abdesselam

1,001
10
10

score 2 · Answer 10 · answered Dec 03 '20 at 12:33

2

add this code in your page index

<link rel="icon" 
      type="image/png" 
      href="http://example.com/myicon.png">

answered Dec 03 '20 at 12:33

yassine dotma

697
8
10

score 1 · Answer 11 · answered May 28 '20 at 22:41

It's a nightmare since each browser/device handles it differently.

Favicon generator helps me a lot for those applications where we need to cover the most possible scenarios.

https://realfavicongenerator.net/

You just need a png image 260px x 260px (at least) and from there the generator will create all references you need within your web page.

You just need to add this references and images to your application.

score 1 · Answer 12 · answered Jul 03 '21 at 08:04

1

If favicon is in the root:

<link rel="shortcut icon" href="../favicon.ico" />

answered Jul 03 '21 at 08:04

Alireza Bijantabar

474
3
10

SyedAsadRazaDevops · Answer 13 · 2022-07-26T10:43:38.227

Server Configuration Nginx

If you are deploying your application to a server that is running Nginx, you may use the following configuration file as a starting point for configuring your web server. Most likely, this file will need to be customized depending on your server's configuration. If you would like assistance in managing your server, consider using a first-party Laravel server management and deployment service.

server {
    listen 80;
    listen [::]:80;
    server_name example.com;
    root /srv/example.com/public;
 
    add_header X-Frame-Options "SAMEORIGIN";
    add_header X-Content-Type-Options "nosniff";
 
    index index.php;
 
    charset utf-8;
 
    location / {
        try_files $uri $uri/ /index.php?$query_string;
    }
 
    location = /favicon.ico { access_log off; log_not_found off; }
    location = /robots.txt  { access_log off; log_not_found off; }
 
    error_page 404 /index.php;
 
    location ~ \.php$ {
        fastcgi_pass unix:/var/run/php/php8.0-fpm.sock;
        fastcgi_param SCRIPT_FILENAME $realpath_root$fastcgi_script_name;
        include fastcgi_params;
    }
 
    location ~ /\.(?!well-known).* {
        deny all;
    }
}

edit these line into site-avalible in your files.

 location = /favicon.ico { access_log off; log_not_found off; }
    location = /robots.txt  { access_log off; log_not_found off; }

Optimization - Autoloader Optimization

When deploying to production, make sure that you are optimizing Composer's class autoloader map so Composer can quickly find the proper file to load for a given class:

composer install --optimize-autoloader --no-dev

thankyou! @syedasadrazadevops

score 0 · Answer 14 · answered May 15 '19 at 07:40

I had a weird situation. Mine was working fine and all of sudden stopped with that error message. I already had the header declaration. So I was dumb founded as to why it wasn't working.

<link rel="shortcut icon" href="favicon.png">

Literally nothing else on the site had an issue that I could tell. The only thing that fixed it for me was to restart my Apache service and all was good again.

if nothing else is working, give that a shot and see what happens.

score 0 · Answer 15 · edited Jul 14 '20 at 13:29

0

I was getting the same fav icon error - 404 (Not Found). I used the following element in the <head> element of my index.html file and it fixed the error:

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

edited Jul 14 '20 at 13:29

Pavel Vladov

4,707
3
35
39

answered Jul 14 '20 at 09:27

t sriya

11
1

4

An explanation in how this fixes the error would very helpful, consider adding come details about your answer. – bjoster Jul 14 '20 at 10:09

score 0 · Answer 16 · answered Aug 02 '20 at 17:15

In Angular earlier we had .angular-cli.json file which referred to favicon.ico. If you'll upgrade into one of the newer versions of Angular then you'll have angular.json instead. For these newer versions, you have to refer the favicon path in your index.html from now onwards.

score 0 · Answer 17 · answered Jan 26 '21 at 12:19

0

I copied the favicon.ico to assets folder its worked for me .

answered Jan 26 '21 at 12:19

sanjay

11
1

Sweta Jha · Answer 18 · 2021-02-10T11:58:30.357

0

Try this add "icon" with your stylesheet Maybe it solve your error "favicon.ico:1 not found "

OR First Try to understand about favicon.enter image description here SET your favicon icon file in your folder. You can generate your favicon using "https://favicon.io/favicon-generator/".

edited Feb 10 '21 at 11:58

answered Feb 10 '21 at 11:35

Sweta Jha

31
6

score 0 · Answer 19 · answered Jul 26 '21 at 12:41

0

In case anyone else is running into a 403 error after downloading a favicon package, I needed to chmod the new favicon folder/file permissions to 755 so Apache had permission to read the file.

answered Jul 26 '21 at 12:41

TommyGunn32

924
1
8
22

nidhal louremi · Answer 20 · 2022-06-08T10:30:03.213

0

i was getting the same problem (using thymeleaf) i solved by downloading the bootstrap link that i'm using on my html to my spring-boot-project just hover your mouse over the link and your IDE (ps :intellij is the best) will propose to you to downloaded & and bom problem solved

edited Jun 08 '22 at 10:30

answered Dec 08 '21 at 14:07

nidhal louremi

111
1
5

How to fix favicon.ico error: "Failed to load resource: net::ERR_EMPTY_RESPONSE"

20 Answers20

Server Configuration Nginx

Optimization - Autoloader Optimization

Linked

Related