title: simply replacing icons for progressive web app leads to error in manifest
body: <p>I had generated a manifest file with icons, later i decided to just change the icons folder with different icons(by copying &amp; paste and overriding) when i did that I get the following error in chrome devtools as i click add to home screen in the application tab:</p>
  <blockquote>
  <p>Error while trying to use the following icon from the Manifest:
  <a href="https://x.firebaseapp.com/icons/icon-144x144.png" rel="nofollow noreferrer">https://x.firebaseapp.com/icons/icon-144x144.png</a> (Resource size is not
  correct - typo in the Manifest?) x.firebaseapp.com/:1 App banner not
  shown: no icon available to display</p>
  </blockquote>
  <p>However, on chrome mobile the icon is updated(confirmed using add to homescreen)</p>
  <pre class="lang-json prettyprint-override"><code>{
    &quot;name&quot;: &quot;Duckr&quot;,
    &quot;short_name&quot;: &quot;Duckr&quot;,
    &quot;theme_color&quot;: &quot;#2196f3&quot;,
    &quot;background_color&quot;: &quot;#2196f3&quot;,
    &quot;display&quot;: &quot;standalone&quot;,
    &quot;orientation&quot;: &quot;portrait&quot;,
    &quot;Scope&quot;: &quot;/&quot;,
    &quot;start_url&quot;: &quot;/&quot;,
    &quot;icons&quot;: [
      {
        &quot;src&quot;: &quot;icons/icon-72x72.png&quot;,
        &quot;sizes&quot;: &quot;72x72&quot;,
        &quot;type&quot;: &quot;image/png&quot;
      },
      {
        &quot;src&quot;: &quot;icons/icon-96x96.png&quot;,
        &quot;sizes&quot;: &quot;96x96&quot;,
        &quot;type&quot;: &quot;image/png&quot;
      },
      {
        &quot;src&quot;: &quot;icons/icon-128x128.png&quot;,
        &quot;sizes&quot;: &quot;128x128&quot;,
        &quot;type&quot;: &quot;image/png&quot;
      },
      {
        &quot;src&quot;: &quot;icons/icon-144x144.png&quot;,
        &quot;sizes&quot;: &quot;144x144&quot;,
        &quot;type&quot;: &quot;image/png&quot;
      },
      {
        &quot;src&quot;: &quot;icons/icon-152x152.png&quot;,
        &quot;sizes&quot;: &quot;152x152&quot;,
        &quot;type&quot;: &quot;image/png&quot;
      },
      {
        &quot;src&quot;: &quot;icons/icon-192x192.png&quot;,
        &quot;sizes&quot;: &quot;192x192&quot;,
        &quot;type&quot;: &quot;image/png&quot;
      },
      {
        &quot;src&quot;: &quot;icons/icon-384x384.png&quot;,
        &quot;sizes&quot;: &quot;384x384&quot;,
        &quot;type&quot;: &quot;image/png&quot;
      },
      {
        &quot;src&quot;: &quot;icons/icon-512x512.png&quot;,
        &quot;sizes&quot;: &quot;512x512&quot;,
        &quot;type&quot;: &quot;image/png&quot;
      }
    ],
    &quot;splash_pages&quot;: null
  }
  </code></pre>