@federico-sasso grazie Federico, nel frattempo si è risolto anche a me, non so se per lo stesso tuo motivo o perché ho fatto mille test in modalità: togli questo, metti quello, aggiungi la variante di formato / dimensione / etc.
Attualmente funziona così:
<link rel="icon" href="/favicon.ico">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="48x48" href="/favicon-48x48.png">
<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="144x144" href="/favicon-144x144.png">
<link rel="manifest" href="/site.webmanifest">
NB. la .ico è 48x48 e dentro il "manifest" vengono richiamate:
"src": "/android-chrome-192x192.png",
"sizes": "192x192",
"type": "image/png"
e
"src": "/android-chrome-256x256.png",
"sizes": "256x256",
"type": "image/png"
L'ho riportato interamente sperando possa essere d'aiuto a qualcun altro.
