title: Website icon (rel=icon) not appearing in chrome for android
body: <p>I have this code on every page of my website.</p>
  
  <pre><code>&lt;link rel="icon" sizes="192x192" href="http://compesh.com/assets/graphics/touch-icon-chrome.png" /&gt; 
  </code></pre>
  
  <p>Yet when I go to my website on Chrome for Android and tap "Add to home screen" my icon never shows up in the dialog. My image is of the correct size and exists.</p>
  
  <p>What is going on?</p>
  
  <p><a href="https://developers.google.com/web/fundamentals/design-and-ui/browser-customization/" rel="noreferrer">I have used this documentation from Google.</a></p>
  
  <p><strong>Update</strong></p>
  
  <p>My website is <a href="http://compesh.com" rel="noreferrer">http://compesh.com</a>
  Look at the page source and see if I've made any mistakes.</p>
  
  <p>It works in Firefox for Android but not Chrome for Android and Chrome for Windows. I see this in Firefox WebIDE</p>
  
  <p><a href="https://i.stack.imgur.com/Y28i7.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Y28i7.png" alt="broken website image in firefox webide"></a></p>
  
  <p><strong>2nd Update</strong>
  Firefox for Windows is not showing my favicon image in the tab. Instead it is showing the wrong image and scaling it down to 16x16 pixels, instead of using my 16x16 favicon I specified in my web page.</p>