Favicon (various formats and sizes/resolutions)

favicon.html

<!-- Note: Whenever possible keep the name favicon and put in the web root as browsers look there by default even without the link tags. -->
<!-- Note: Only types png, gif, and ico support animation. -->
<!-- Favicon - Alternate Icon Types (Mixed Browser Support in order from least to most supported.) -->
<link rel="icon" href="/favicon.bmp" type="image/bmp" />
<link rel="icon" href="/favicon.jpg" type="image/jpeg" />
<link rel="icon" href="/favicon.gif" type="image/gif" />
<link rel="icon" href="/favicon.png" type="image/png" />
<!-- Favicon - IE 5 -->
<link rel="address bar icon" href="/favicon.ico">
<!-- Favicon - IE 6 -->
<link rel="SHORTCUT ICON" href="/favicon.ico" />
<!-- Favicon - IE -->
<link rel="shortcut icon" href="/favicon.ico" type="image/vnd.microsoft.icon" />
<link rel="icon" href="/favicon.ico" type="image/vnd.microsoft.icon" sizes="16x16 32x32 48x48 57x57 64x64 72x72 114x114 128x128 144x144 256x256 512x512" />
<!-- Favicon - All Modern Browsers (only list sizes embeded into ico file) -->
<link rel="icon" href="/favicon.ico" type="image/x-icon" sizes="16x16 32x32 48x48 57x57 64x64 72x72 114x114 128x128 144x144 256x256 512x512" />
<!-- Note: Whenever possible keep the names as listed below and place in the web root, as iOS devices look for these by default even without the link tags. -->
<!-- iOS Icon - Standard iPhone --> 
<link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png" />
<!-- iOS Icon - Retina iPhone --> 
<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png" />
<!-- iOS Icon - Standard iPad --> 
<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png" />
<!-- iOS Icon - Retina iPad --> 
<link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png" />