The solution structure of my application is:
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:
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 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" />
Check out this great tutorial on favicons and browser support.
resolve the url like this href="<%=ResolveUrl("~/favicon.ico")%>"
@Scripts.Render("~/favicon.ico"); Please try above code at the bottom of your Layout file in MVC
for me, it didn't work without specifying the MIME in web.config, under <system.webServer><staticContent>
<mimeMap fileExtension=".ico" mimeType="image/ico" />
<link rel="shortcut icon" type="image/x-icon" href="~/favicon.ico" />
_x000D_
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.
<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!
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" />
Simply:
/favicon.ico
The leading slash is important.
Source: Stackoverflow.com