Search code examples
htmlfavicon

Favicon Not Showing Up?


Any idea why this isn't working?

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

It's just not showing up. I used the exact same setup on a local practice website, and it worked fine (it was using the same picture as well). Are you supposed to just put the picture onto your website server and reference it like I did? Or is there something I don't know about?

Also, how exactly do you get a favicon to show up on IE? Yes, I've researched this, and all the methods I've found just don't work...


Solution

  • Yes, you should upload the file to your web server. The reason why this works locally for you is because it is in the same file as your html document. There are two things you do to get your favicon working:

    1. Upload the file to the same folder as in your html document. If you have a web host, such as altervista.org, you could upload your favicon to the website.

    2. Upload your favicon to an image uploading website. You could use google drive for all it's worth, anything website that can publicly display your photos is fine. If you upload this to a server, you can find the link to your image and reference that favicon in your link tag.

    Hopefully this helps!