How to add favicon.ico in ASP.NET site

Question

The solution structure of my application is:

enter image description here

Now I am in Login.aspx and I am willing to add favicon.ico, placed in the root, in that page.

What I am doing is:

<link id="Link1" runat="server" rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />  
<link id="Link2" runat="server" rel="icon" href="../favicon.ico" type="image/ico" />

Also I have tried:

<link id="Link1" runat="server" rel="shortcut icon" href="favicon.ico" type="image/x-icon" />  
<link id="Link2" runat="server" rel="icon" href="favicon.ico" type="image/ico" />

But these aren't working.

I have cleared the browser cache but no luck.

What will be the path to the favicon.ico from:

Login.aspx
Site.master

Thank you.

The login page's URL: http://localhost:2873/Pages/Login.aspx and the favicon.ico's URL: http://localhost:2873/favicon.ico.

I am unable to see the favicon.ico enter image description here after changing my code as:

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

http://en.wikipedia.org/wiki/Favicon#Accessibility suggests the `type` might be overkill. — ta.speot.is, Apr 01 '12 at 11:00
@ta.speot.is If I use say: ``, then it is working. but `` not. — Tapas Bose, Apr 01 '12 at 11:06

score 69 · Accepted Answer · edited May 23 '17 at 12:34

69

/favicon.ico

might do the trick
I have tried this on my sample website

<link rel="shortcut icon" type="image/x-icon" href="~/ows.ico" />

Try this one in your site put the link in MasterPage,It works :)

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

I have tested in ,
FireFox.
enter image description here
Chrome.

Opera.

Some troubleshoots:
1. Check if your favicon is accessible (correct url) ,goto view source and click on the favicon link
2. Full refresh your browser by Ctrl+F5 every time you make changes.
3. Try searching from SO you may find your related problem here.

Some Links to help you out:
Serving favicon.ico in ASP.NET MVC
Favicon Not Showing
Why is favicon not visible

edited May 23 '17 at 12:34

Community

1
1

answered Apr 01 '12 at 10:20

Owais Qureshi

4,218
5
37
60

The favicon.ico is there. Look at the image added. – Tapas Bose Apr 01 '12 at 10:23
Thanks for reply. I have updated my question. `/favicon.ico` is not working :( – Tapas Bose Apr 01 '12 at 10:32
`~/favicon.ico` is also not working. If I firebug, then I see . – Tapas Bose Apr 01 '12 at 10:39
If I use say: ``, then it is working. but `` not. – Tapas Bose Apr 01 '12 at 11:06
Hey Topas relax a bit,try suggestions in my answers one by one,Itz working for me it WILL for you also :) – Owais Qureshi Apr 01 '12 at 11:20
Horrible :) Firefox's cache was creating the problem. After deleting it DO work. Thank you very much. I really appreciate your help. – Tapas Bose Apr 01 '12 at 11:30
1

Thank you for links, first links helped a lot. – Alper May 09 '19 at 13:03

score 4 · Answer 2 · edited Mar 01 '13 at 12:33

4

resolve the url like this href="<%=ResolveUrl("~/favicon.ico")%>"

edited Mar 01 '13 at 12:33

Habib

212,447
27
392
421

answered Feb 05 '13 at 08:57

Domo

39
1
3

– Eirik H Aug 28 '14 at 13:10

Ziggler · Answer 3 · 2013-10-17T00:08:54.980

4

I have the same issue. My url is as below

http://somesite/someapplication

Below doesnot work

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

I got it to work like below

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

edited Oct 17 '13 at 00:08

answered Oct 16 '13 at 23:49

Ziggler

3,021
3
35
58

1

@user3308043 - I am sorry that you find my answer ridiculous.. but I just posted the exact things what I did to solve my problem.. this solution went into production and from past one year it is working fine.. and more over I never and ever said dotNetSoldier's answer is wrong. I justed posted one of the solution that I had... I never said others answer are wrong – Ziggler Jun 25 '14 at 15:54

Brendan Sluke · Answer 4 · 2020-08-28T18:42:43.233

3

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

This worked for me. If anyone is troubleshooting while reading this - I found issues when my favicon.ico was not nested in the root folder. I had mine in the Resources folder and was struggling at that point.

edited Aug 28 '20 at 18:42

answered Aug 28 '17 at 19:07

Brendan Sluke

469
5
9

score 2 · Answer 5 · answered Jun 27 '13 at 07:54

2

Check out this great tutorial on favicons and browser support.

answered Jun 27 '13 at 07:54

Kevin Babcock

9,997
19
68
88

score 2 · Answer 6 · answered Mar 03 '15 at 20:51

2

@Scripts.Render("~/favicon.ico"); Please try above code at the bottom of your Layout file in MVC

answered Mar 03 '15 at 20:51

Ahsanul

195
1
5

score 2 · Answer 7 · answered Apr 01 '12 at 10:23

2

Simply:

/favicon.ico

The leading slash is important.

answered Apr 01 '12 at 10:23

Marc Gravell

976,458
251
2,474
2,830

Thanks for reply. I have updated my question. /favicon.ico is not working :( – Tapas Bose Apr 01 '12 at 10:33

score 1 · Answer 8 · answered Aug 25 '16 at 04:20

    <link rel="shortcut icon" href="@Url.Content("~/images/")favicon.ico" type="image/x-icon"/ >

This works for me in MVC4 application favicon image is placed in the images folder and it will traverse from root directory to images and find favicon.ico bingo!

score 0 · Answer 9 · answered Dec 28 '18 at 07:53

0

for me, it didn't work without specifying the MIME in web.config, under <system.webServer><staticContent>

<mimeMap fileExtension=".ico" mimeType="image/ico" />

answered Dec 28 '18 at 07:53

Cătălin Rădoi

1,643
19
38

How to add favicon.ico in ASP.NET site

9 Answers9

Linked