title: Apple ios Safari bookmark favicon does not work, add to desktop works
body: <p>I am trying to get favicons on IOS (10.2) and safari to work. When I am on my webpage and click "add to desktop" icon is shown and added. But when I try to create bookmark, I get 1 letter placeholder image instead. AFAIK same icon should be used for both bookmark and "add to desktop" tile..</p>
  
  <p>I have this in my head element:</p>
  
  <pre><code>&lt;link rel="apple-touch-icon" sizes="76x76" href="apple-touch-icon-76x76.png?v=asdf"&gt;
  &lt;link rel="apple-touch-icon" sizes="120x120" href="apple-touch-icon-120x120.png?v=asdf"&gt;
  &lt;link rel="apple-touch-icon" sizes="152x152" href="apple-touch-icon-152x152.png?v=asdf"&gt;
  &lt;link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon-180x180.png?v=asdf"&gt;
  &lt;link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png?v=r0RW"&gt;
  &lt;link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png?v=r0RW"&gt;
  &lt;link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png?v=r0RW"&gt;
  &lt;link rel="manifest" href="/manifest.json?v=r0RW"&gt;
  &lt;link rel="mask-icon" href="/safari-pinned-tab.svg?v=r0RWdpQrAk" color="#5bbad5"&gt;
  &lt;link rel="shortcut icon" href="/favicon.ico?v=r0RW"&gt;
  &lt;meta name="theme-color" content="#ffffff"&gt;
  </code></pre>
  
  <p>I am running testing it on pythons SimpleHTTPServer and both request to bookmark and "add to desktop" are going correctly through. </p>
  
  <pre><code>10.0.8.109 - - [11/May/2017 18:01:05] "GET /apple-touch-icon-120x120.png?v=asdf
  HTTP/1.1" 200 -
  </code></pre>
  
  <p>But no icon is actually shown in safari for bookmark..</p>