Answers for "favicon head"

favicon html

<link rel="shortcut icon" href="/favicon.ico"> 
<link rel="icon" type="image/png" href="/favicon.png" sizes="32x32"> 
<link rel="icon" type="image/png" href="/favicon.png" sizes="96x96"> 
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> 
<meta name="msapplication-TileColor" content="#ffffff"> 
<meta name="msapplication-TileImage" content="/mstile-144x144.png">

png favicon

<link rel="icon" type="image/png" href="logo.png" />

favicon head html

<!--
general favicon setting for browsers.
You can also use .ico files you just have to change:
type="image/png" to type="image/x-icon"
For backwards compatibility to older browsers (e.g. IE6), use .ICO
 -->
<link rel="icon" type="image/png" href="path/to/favicon.png" sizes="32x32">
<link rel="icon" type="image/png" href="path/to/favicon.png" sizes="96x96">

<!-- Apple touch icon support -->
<link rel="apple-touch-icon" sizes="180x180" href="path/to/favicon.png">

<!-- defines the tile for Microsoft tiles -->
<meta name="msapplication-TileColor" content="#212121">
<meta name="msapplication-TileImage" content="path/to/favicon.png">