title: Tab Icon Changing from Custom to React icon. Why?
body: <p>I'm working on some app and have this weird issue where the tab icon keeps switching from the (right) one I set to the ReactJS icon, as I navigate between routes. In my HTML file, I have the icon appropriately linked (or at least I'd presume), so what's wrong? </p>
  
  <p>This is especially bizarre given the fact that I'm not even using React but rather Vue.js 2. What's happening, and how do I solve this?</p>
  
  <p>I'm not sure code snippets would help but below is my root HTML.</p>
  
  <p><strong>HTML head section</strong></p>
  
  <pre><code>&lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;title&gt;RGB Guessing Game&lt;/title&gt;
      &lt;link rel="icon" href="./static/colors.ico"&gt;
      &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"&gt;
      &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"&gt;
      &lt;link rel="stylesheet" href="//fonts.googleapis.com/css?family=Oxygen:300,400,500,700,400italic"&gt;
  &lt;/head&gt;
  </code></pre>
  
  <p>Also, here are photos the two tab icon versions</p>
  
  <p><strong>Right version</strong></p>
  
  <p><a href="https://i.stack.imgur.com/OsXu3.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/OsXu3.png" alt="enter image description here"></a></p>
  
  <p><strong>Wrong (React) version</strong></p>
  
  <p><a href="https://i.stack.imgur.com/KL6GH.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/KL6GH.png" alt="enter image description here"></a></p>