I'm Getting Favicon. Ico Error

Question

I downloaded the Netbeans IDE to code in HTML. I'm new to it. 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

How do I fix it?

Accepted Answer

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.

Answer 2

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

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

Answer 3

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.

Answer 4

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:

Answer 5

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

Answer 6

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">

Answer 7

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

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

Answer 8

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.

Answer 9

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">

Answer 10

add this code in your page index

<link rel="icon" 
      type="image/png" 
      href="">

Answer 11

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.

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.

Answer 12

If favicon is in the root:

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

Answer 13

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/
 
    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!

Answer 14

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.

Answer 15

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=">

Answer 16

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.

Answer 17

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

Answer 18

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 "".

Answer 19

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.

Answer 20

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

I'm Getting Favicon. Ico Error

Must Read

20 Answers

Server Configuration Nginx

Optimization - Autoloader Optimization

David Miller