title: Why Google Chrome is not able to switch between different Favicons on the same website?
body: <p>I have a ASP.Net application, and in my Layout.cshtm based on a condition I'm trying to change Favicon so different users have different Favicons based on that condition. Here's the snippet:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  @{
      bool someCondition = UserInfo.IsCondition;
  }
  &lt;html lang="@ISO.Substring(0, 2)" data-full-culture="@ISO"&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
      @if (someCondition == true) { 
              &lt;title ng-bind="'title 1'"&gt;&lt;/title&gt;
              &lt;link rel="shortcut icon" href="/custom-favicon.ico" type="image/x-icon"&gt;
              &lt;link rel="icon" href="/custom-favicon.ico" type="image/x-icon"&gt; 
          }
      else {
              &lt;title ng-bind="'title 2'"&gt;&lt;/title&gt;
              // Chrome sets favicon.ico as default, so no need to set it here
          }
  &lt;/head&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Both favicon.ico and custom-favicon.ico are in my root directory of my project.
  Although my title gets changed based on the condition, but the Favicon is set to favicon.ico and won't get updated even though I'm forcing it to change.</p>
  
  <p>I would appreciate any help on this issue. </p>