Last active
August 29, 2015 14:16
-
-
Save ed-codes/f2b53f558c388c97672a to your computer and use it in GitHub Desktop.
Favicons
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<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 }}"> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
apple-touch-icon-precomposed.png - 57px
tile icon - 144px
favicon.png - 96px