Utilizamos el siguiente código para agregar íconos para favicon, tabletas, teléfonos inteligentes, mosaicos de Windows 8 y similares: -
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<link rel="shortcut icon" type="image/x-icon" href="/webmasters//favicon.ico"/>
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="apple-touch-icon-144x144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-icon-114x114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-icon-72x72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="apple-touch-icon-precomposed.png">
<meta name="msapplication-TileImage" content="apple-touch-icon-144x144-precomposed.png"/>
<meta name="msapplication-TileColor" content="#17151a"/>
Desafortunadamente, esto no parece funcionar para IE9 y IE10 '' la pantalla de sus sitios más populares '', las búsquedas de Google no han sido esclarecedoras.
Stack utiliza lo <link rel="apple-touch-icon" href="apple-touch-icon.png">
que parece funcionar para él, pero no para nosotros.
Cualquier pista a una solución apreciada.