<!--
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">
<!-------------------->
<head>
<title>Webpage</title>
<link rel="icon" type="image/gif/png" href="favicon.png">
</head>
<!-------------------->
<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">