How do I implement my favicon

Code Help HTML/CSS/JS
#1

Question:
Files:

  • index.html
  • favicon.ico
  • script.js
  • style.css

My code in index.html:

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

Why doesn’t this work even though the two files are in the same directory, and i have no folders??

#2

welcome to the forums i hope you enjoy your time here @SWARUPPOKHREL
I have a website with a working favicon if it helps the link is down below
https://replit.com/@PrestonCurtis1/The-life-of-Unprankable#index.html

#3

Yes it did, Thanks!

But your solution was just to convert the image to base 64, quite “eh” solution if i may say so.

#4

Your current code should work. I forked your repl and converted your b64 encoded png back into an ico and then uploaded that, and it works perfectly: https://replit.com/@CodingCactus/favicon-help

1 Like
#5

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.