Serving favicon ico in ASP NET MVC

Question

What is the final best recommendation for how to serve favicon ico in ASP NET MVC   I am currently doing the following    Adding an entry to the very beginning of my RegisterRoutes method   routes IgnoreRoute  favicon ico     Placing favicon ico in the root of my application  which is also going to be the root of my domain     I have two questions    Is there no way to put the favicon ico somewhere other than the root of my application  It s pretty icky being right there at the same level as Content and Controllers  Is this IgnoreRoute  favicon ico   statement sufficient - or should I also do the following as discussed in a blog post from Phil Haack  I m not aware of ever having seen a request to favicon ico in any directory other than the root - which would make this unnecessary  but it s good to know how to do it    routes IgnoreRoute    favicon    new  favicon         favicon ico

User · Accepted Answer

Placing favicon ico in the root of your domain only really affects IE5  IIRC  For more modern browsers you should be able to include a link tag to point to another directory    lt link rel  SHORTCUT ICON  href  http   www mydomain com content favicon ico   gt    You can also use non-ico files for browsers other than IE  for which I d maybe use the following conditional statement to serve a PNG to FF etc  and an ICO to IE    lt link rel  icon  type  image png  href  http   www mydomain com content favicon png    gt   lt  -- if IE  gt   lt link rel  shortcut icon  href  http   www mydomain com content favicon ico  type  image vnd microsoft icon    gt   lt   endif -- gt

User · Answer

I think that favicon ico should be in root folder  It just belongs there    If you want to servere diferent icons - put it into controler  You can do that  If not - just leave it in the root folder

User · Answer

It should also be possible to create a controller that returns the ico file and register the route  favicon ico to point to that controller

User · Answer

1  You can put your favicon where you want and add this tag to your page head   lt link rel  shortcut icon  href  images favicon ico  type  image x-icon    gt    although some browsers will try to get the favicon from  favicon ico by default  so you should use the IgnoreRoute   2  If a browser makes a request for the favicon in another directory it will get a 404 error wich is fine and if you have the link tag in answer 1 in your master page the browser will get the favicon you want

User · Answer

1  You can put your favicon where you want and add this tag to your page head   lt link rel  shortcut icon  href  images favicon ico  type  image x-icon    gt    although some browsers will try to get the favicon from  favicon ico by default  so you should use the IgnoreRoute   2  If a browser makes a request for the favicon in another directory it will get a 404 error wich is fine and if you have the link tag in answer 1 in your master page the browser will get the favicon you want

User · Answer

I agree with the answer from Chris  but seeing this is a specific ASP NET MVC question it would be better to use either Razor syntax    lt link rel  icon  href   Url Content    content favicon ico     gt    Or traditionally   lt link rel  icon  href   lt    Url Content    content favicon ico     gt    gt    rather than    lt link rel  icon  href  http   www mydomain com content favicon ico   gt

User · Answer

Use this instead of just the favicon ico which tends to  search in for the fav icon file    gt   lt link rel  ICON    gt  href   System IO Path Combine Request PhysicalApplicationPath   gt   favicon ico      gt    Use the requested path and combine with the fav icon file so that it gets the accurate address which its search for   Using this solved the Fav icon error which is raised always on Application Error

User · Answer

Use this instead of just the favicon ico which tends to  search in for the fav icon file    gt   lt link rel  ICON    gt  href   System IO Path Combine Request PhysicalApplicationPath   gt   favicon ico      gt    Use the requested path and combine with the fav icon file so that it gets the accurate address which its search for   Using this solved the Fav icon error which is raised always on Application Error

User · Answer

It should also be possible to create a controller that returns the ico file and register the route  favicon ico to point to that controller

User · Answer

None of the above worked for me  I finally solved this problem by renaming favicon ico to myicon ico  and reference it in the head  lt link rel  icon  href    myicon ico  type  image x-icon    gt

User · Answer

All you need to do is to add app UseStaticFiles    in your startup cs -  public void Configure IApplicationBuilder app  IHostingEnvironment env    ASP net core provides an excellent way to get static files  That is using the wwwroot folder  Please read Static files in ASP NET Core   Using the  lt Link   gt  is not a very good idea  Why would someone add the link tag on each HTML or cshtml for the favicon ico

User · Answer

1  You can put your favicon where you want and add this tag to your page head   lt link rel  shortcut icon  href  images favicon ico  type  image x-icon    gt    although some browsers will try to get the favicon from  favicon ico by default  so you should use the IgnoreRoute   2  If a browser makes a request for the favicon in another directory it will get a 404 error wich is fine and if you have the link tag in answer 1 in your master page the browser will get the favicon you want

User · Answer

I think that favicon ico should be in root folder  It just belongs there    If you want to servere diferent icons - put it into controler  You can do that  If not - just leave it in the root folder

User · Answer

Found that in  Net Core  placing the favicon ico in  lib rather than wwwroot fixes the issue

User · Answer

I think that favicon ico should be in root folder  It just belongs there    If you want to servere diferent icons - put it into controler  You can do that  If not - just leave it in the root folder

User · Answer

I think that favicon ico should be in root folder  It just belongs there    If you want to servere diferent icons - put it into controler  You can do that  If not - just leave it in the root folder

User · Answer

None of the above worked for me  I finally solved this problem by renaming favicon ico to myicon ico  and reference it in the head  lt link rel  icon  href    myicon ico  type  image x-icon    gt

User · Answer

1  You can put your favicon where you want and add this tag to your page head   lt link rel  shortcut icon  href  images favicon ico  type  image x-icon    gt    although some browsers will try to get the favicon from  favicon ico by default  so you should use the IgnoreRoute   2  If a browser makes a request for the favicon in another directory it will get a 404 error wich is fine and if you have the link tag in answer 1 in your master page the browser will get the favicon you want

User · Answer

Found that in  Net Core  placing the favicon ico in  lib rather than wwwroot fixes the issue

User · Answer

I agree with the answer from Chris  but seeing this is a specific ASP NET MVC question it would be better to use either Razor syntax    lt link rel  icon  href   Url Content    content favicon ico     gt    Or traditionally   lt link rel  icon  href   lt    Url Content    content favicon ico     gt    gt    rather than    lt link rel  icon  href  http   www mydomain com content favicon ico   gt

User · Answer

All you need to do is to add app UseStaticFiles    in your startup cs -  public void Configure IApplicationBuilder app  IHostingEnvironment env    ASP net core provides an excellent way to get static files  That is using the wwwroot folder  Please read Static files in ASP NET Core   Using the  lt Link   gt  is not a very good idea  Why would someone add the link tag on each HTML or cshtml for the favicon ico

[asp.net] Serving favicon.ico in ASP.NET MVC

Examples related to asp.net

Examples related to asp.net-mvc

Examples related to razor

Examples related to favicon