Round icons look great on Android Chrome, but are smaller and therefore harder to read than square ones on desktop Chrome. I would like to be able to set a different icon for my web app on Android Chrome than on desktop. Is that possible?
My web app is not a PWA, i.e. I don't have a manifest.json file, and it doesn't need to satisfy the requirements of a PWA, so I don't want to provide one.
This is what I currently use to link my icon:
<link href="/priorities/favicon.png" rel="icon" sizes="192x192" type="image/png">
This sets it both on Android (through Add to Home Screen) and on desktop. I tried adding another link that used rel=apple-touch-icon first, but Android Chrome no longer seems to pay attention to that. That makes sense, but I'm left not knowing how to use different icons for favicon and Add to Home Screen.