Prerequisites / Basic graphic Favicon

  1. Create a 500x500px png in an graphics editor or get it from your customer.
  2. We recommend you name it favicon500.png 

Generate the Final Images

  1. Super-optimize the png
  2. Generate the favicon.ico file for fallback (very old browsers as well as situations where the browser is showing a PDF)

Publish the Files

  1. Copy the favicon.ico into the root DNN folder - just overwrite the one that's already there
  2. Copy the favicon500.png into the theme folder

Add Headers to Page

  1. Install RazorBlade 2.02 or newer
  2. Put the code to into your skin - paste this line into the OnLoad(...) event in your theme
    ToSic.Razor.Blade.HtmlPage.AddIconSet(SkinPath + "favicon.png");
  3. Test the result - if you did everything right, you should see the icon in the tab now