Favicons

favicons

<link rel="icon" href="{{ 'favicon.png' | asset_url }}">
<!--[if IE]><link rel="shortcut icon" href="{{ 'favicon.ico' | asset_url }}"><![endif]-->
<meta name="msapplication-TileColor" content="#FFFFFF">
<meta name="msapplication-TileImage" content="{{ 'tileicon.png' | asset_url }}">

<!-- For non-Retina (@1× display) iPhone, iPod Touch, and Android 2.1+ devices: -->
<link rel="apple-touch-icon-precomposed" href="{{'apple-touch-icon-precomposed.png' | asset_url }}"><!-- 57×57px -->
<!-- For the iPad mini and the first- and second-generation iPad (@1× display) on iOS ≤ 6: -->
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="{{'apple-touch-icon-72x72-precomposed.png' | asset_url }}">
<!-- For the iPad mini and the first- and second-generation iPad (@1× display) on iOS ≥ 7: -->
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="{{'apple-touch-icon-76x76-precomposed.png' | asset_url }}">
<!-- For iPhone with @2× display running iOS ≤ 6: -->
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="{{'apple-touch-icon-114x114-precomposed.png' | asset_url }}">
<!-- For iPhone with @2× display running iOS ≥ 7: -->
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="{{'apple-touch-icon-120x120-precomposed.png' | asset_url }}">
<!-- For iPad with @2× display running iOS ≤ 6: -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="{{'apple-touch-icon-144x144-precomposed.png' | asset_url }}">
<!-- For iPad with @2× display running iOS ≥ 7: -->
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="{{'apple-touch-icon-152x152-precomposed.png' | asset_url }}">
<!-- For iPhone 6 Plus with @3× display: -->
<link rel="apple-touch-icon-precomposed" sizes="180x180" href="{{'apple-touch-icon-180x180-precomposed.png' | asset_url }}">
<!-- For Chrome for Android: -->
<link rel="icon" sizes="192x192" href="{{'touch-icon-192x192.png' | asset_url }}">

apple-touch-icon-precomposed.png - 57px
tile icon - 144px
favicon.png - 96px