After WAY too much research, it seems WP is doing a pretty bad job of helping us make site icons for the majority of browsers.
For those who are interested. This tool is pretty awesome. Just disable site links in wordpress and use this instead. Much more efficient and supports more browsers. From the 3-4 large sites i checked, they all do it this way. https://realfavicongenerator.net/
I’m also working into favicon but my tests with realfavicongenerator was that it adds several requests during the loading. Did you notice the same thing? Do you use the plugin or the manual way? If the manual , do you add any code into WP ?
I just added the code provided by realicongenerator to the page head using a generatepress element with the wp_head hook. The same way you may have added google analytics…
I checked Chrome manually and used GTmetrix to check whats loading. In chrome its loading a smaller icon than the WP one (32×32) and a small file named “site.webmanifest”. In GTmetrix it only loads the 32×32 png icon.