title: Favicons and mixed content WHYYYY?
body: <p>I am building a web app that is served over https.  I am getting a lot of console warnings like these:</p>
  
  <pre><code>Mixed Content: The page at 'https://www.sharewalks.com/' was loaded over 
  HTTPS, but requested an insecure image 
  'http://yandex.st/lego/_/pDu9OWAQKB0s2J9IojKpiS_Eho.ico?1493850556643'. 
  This content should also be served over HTTPS.
  </code></pre>
  
  <p>There are 14 of these - from the following urls (the numbers change):</p>
  
  <p>FAVICON ERRORS:</p>
  
  <ul>
  <li><a href="http://www.google.com/favicon.ico?1493850556625" rel="nofollow noreferrer">http://www.google.com/favicon.ico?1493850556625</a></li>
  <li><a href="http://www.baidu.com/favicon.ico?1493850556625" rel="nofollow noreferrer">http://www.baidu.com/favicon.ico?1493850556625</a></li>
  <li><a href="http://www.cloudflare.com/favicon.ico?1493850556625" rel="nofollow noreferrer">http://www.cloudflare.com/favicon.ico?1493850556625</a></li>
  <li><a href="http://www.yandex.ru/favicon.ico?1493850556633" rel="nofollow noreferrer">http://www.yandex.ru/favicon.ico?1493850556633</a></li>
  </ul>
  
  <p>OTHER?:</p>
  
  <ul>
  <li><a href="http://yandex.st/lego/_/pDu9OWAQKB0s2J9IojKpiS_Eho.ico?1493850556633" rel="nofollow noreferrer">http://yandex.st/lego/_/pDu9OWAQKB0s2J9IojKpiS_Eho.ico?1493850556633</a></li>
  </ul>
  
  <p>I need all content to be served HTTPS because I want to use geolocation services and I read that some browsers won't allow it unless ALL content is HTTPS.  In testing, navigator works on laptop Chrome, but not in mobile browsers (chrome, safari and firefox).  </p>
  
  <p>But I'm not requesting these favicons.  I don't really even know from where they are being called.</p>
  
  <p>My question is what are these favicons and why are they messing with me?  Is there any way around this?</p>