How to add favicon.ico in ASP.NET site

The solution structure of my application is:

![enter image description here][1]

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:

[To see links please register here]

and the favicon.ico's URL:

[To see links please register here]

.

I am unable to see the favicon.ico ![enter image description here][2] 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" />


[1]:

[2]:

Simply:

/favicon.ico

The leading slash is important.

/favicon.ico
might do the trick<br/>
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" />
<br/>
I have tested in ,<br/>
**FireFox.**<br/>![enter image description here][1]<br/>
**Chrome.**<br/>
![enter image description here][2]
<br/>**Opera.**<br/>
![enter image description here][3]

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

<br/>**Some Links to help you out:**<br/>

[To see links please register here]

;

[To see links please register here]

;

[To see links please register here]

;


[1]:

[2]:

[3]:

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

I have the same issue. My url is as below

[To see links please register here]

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

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

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

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

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

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-html -->

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

<!-- end snippet -->

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.

Just make sure your favicon.ico is 16x16, 32x32, 48x48 or 64x64 ...
506x478 for example will not work.