So i'm making a website using github but the favicon isn't showing. I'm pretty sure im using the right code. <link rel="shortcut icon" type="image/x-icon" href="favicon.ico"> Can any of you help? Give me the right code? I am using bootstrap but i don't think it should change how to add the favicon.
You might take alook at Adding a favicon to a static HTML page
Also this might be helpful Favicon with GitHub Pages
If everything is set correctly as you described, you might also try to ctrl/cmd + shift + r to empty cache.
Related
For some reason, the favicon just isn't showing. The website is gracedli.com.
You can see the favicon at gracedli.com/favicon.ico and my code to add it is (currently only on index.html):
<link rel="icon" href="favicon.ico" />
I've cleared the cache and used multiple different browsers, and for the life of me, I can't figure it out. Would love some help on it (everything's written in pure HTML/CSS so you can take a peek at the full code at the link). Thank you so much!
You have put the contents of <head> in <header> instead. Move them into , and that would possibly solve your problem.
Common reasons your Favicon is not showing
Check file path : You need to ensure that your favicon’s file path is correct.
The link of favicon is not at the right location : It is important to place the link to add your favicon in the head section of your webpage.
Syntax errors : A minor syntax error in the link of favicons could result in your favicon not showing.
When favicon file in the root directory, but not linked : Always put the favicon in the root directory, and name it favicon.ico. Almost all modern browsers look up /favicon.ico by default but make sure that you have these links in your head section:
link rel="SHORTCUT ICON" href="favicon.ico" type="image/x-icon" />
link rel=" bookmark" href="favicon.ico" type="image/x-icon" />
Because in many cases Just because the favicon file is in your root directory, it does not mean that it will automatically recognize.
Your browser has cached your site as one without a favicon : May be your browser has ‘saved’ your site as one without a favicon. You need to clear the cache in your browser or use a different browser.
May it helped to solve the issue…
Huge shout out to Timmy Chan (in the comments of the question) for noticing this, but I put my tags in <header> instead of <head>. Once I moved them, it worked!
I'm almost done with my personal website. All that's left is my tab icon, but my knowledge of html is pretty limited. I've placed my favicon.ico code below in the head.html with the other link and meta code, but I'm not seeing any changes. Do I have the right idea? I'm not sure what to change from the wiki instructions.
(no spaces at ends)
< link rel="shortcut icon" href="/assets/images/favicon.ico" >
You can see what I have here at https://dietmocha.github.io/
That image doesn't seem to exist in your GitHub repo. Try <link rel="shortcut icon" href="/assets/img/favicon.ico">
So recently I bought a domain and set it up with Wordpress. I then uninstalled WordPress because I just wanted a static landing page. However, for some reason there seems to be this favicon that I didn't add.
So I delete all my files on the site and it's still there!
I don't know how to remove it.
Here is a screenshot of the favicon:
Browser's caching it. You can set one like this:
<link rel="icon" href="http://www.yoursite.com/favicon.ico" />
I've got a problem with my website; the favicon won't show no matter what I try.
My home page is
http://www.emilienpetit.com/Index2.html
and the favicon is located at
http://www.emilienpetit.com/favicon.ico
The current code is
link rel="shortcut icon" type="image/vnd.microsoft.icon" href="www.emilienpetit.com/favicon.ico"/
but I tried with rel="icon" only and with type="image/jpg" "image/x-con" "image/ico" etc.
Can you please tell me what else I could try for it?
Regards,
Your href is a little off. Currently:
href="www.emilienpetit.com/favicon.ico"
will attempt to hit the url:
http://www.emilienpetit.com/www.emilienpetit.com/favicon.ico
So you'll either have to add the http:// or use a relative link.
href="http://www.emilienpetit.com/favicon.ico"
or:
href="/favicon.ico"
Edit
I noticed that it looks like all of your links are facing the same problem. I would suggest either keeping all the links relative to your root or, if you're using server-side processing, setting up a 'base url' so that you don't have to redefine the url each time.
I would recommend replacing www.emilienpetit.com/ with just / because currently the webpage is saying the favicon is in http://www.emilienpetit.com/www.emilienpetit.com/favicon.ico. Putting /favicon.ico will lead the browser to the favicon.
I want to add an favicon to my web application.
I've added this in the site.master page:
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon" />
It is only working, when I run the application via Visual Studio.
If i start the app from IIS (for example) the favicon is not displayed.
Any thoughts on this?
If you want to add the same favicon to the whole site, there's no need to add any markup to the site - just ensure the file exists at http://yoursite/favicon.ico
If you need to have different favicons for different parts of the same site, then you will need to use the markup.