simply replacing icons for progressive web app leads to error in manifest
<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>