title: HTML tab icons not showing on website when live
body: <p>I have a website that is live at the moment and have added the required code to my HTML files to display the icon on different tabs</p>
  
  <p>I have tried</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;link rel="shortcut icon" href="Images/favicon.ico" type="image/x-icon" /&gt;
  </code></pre>
  
  
  
  <p>And </p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;link rel="icon" href="Images/favicon.ico"/&gt;
  </code></pre>
  
  
  
  <p>I've also tried adding the icon file to the directory that my HTML is hosted on and even changed the sizes and used different image types such an .PNG instead, but still no luck.</p>
  
  <p>I'm using NameCheap to host my website and it's managed through cPanel.</p>
  
  <p>Whenever I view the HTML through localhost it shows the icons on the tabs.</p>
  
  <p>Does anyone have any suggestions as to what could be the issue and how I can get my tab icons to display on my website? I'm stumped...</p>
  
  <p>Could it be to do with who I'm hosting my site with?</p>
  
  <p>Thanks</p>