Alle Meta-Tags für sämtliche Favicon-Typen
Ein Favicon ist ein kleines Icon, Symbol oder Logo, das von Webbrowsern, Tablets und Apps verwendet wird, um eine Website auf wiedererkennbare Weise zu kennzeichnen. Das folgende Code-Schnipsel baut Icons für die wichtigsten Geräte ein.
<!-- Regular Old-Skool Favicon: -->
<link rel="icon" sizes="32x32" href="../assets/img/phlow-favicon/favicon-32x32.png" />
<!-- For Chrome for Android: -->
<link rel="icon" sizes="192x192" href="../assets/img/phlow-favicon/touch-icon-192x192.png" />
<!-- For iPhone 6 Plus with @3× display: -->
<link rel="apple-touch-icon-precomposed" sizes="180x180" href="../assets/img/phlow-favicon/apple-touch-icon-180x180-precomposed.png" />
<!-- For iPad with @2× display running iOS ≥ 7: -->
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="../assets/img/phlow-favicon/apple-touch-icon-152x152-precomposed.png" />
<!-- For iPad with @2× display running iOS ≤ 6: -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/img/phlow-favicon/apple-touch-icon-144x144-precomposed.png" />
<!-- For iPhone with @2× display running iOS ≥ 7: -->
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="../assets/img/phlow-favicon/apple-touch-icon-120x120-precomposed.png" />
<!-- For iPhone with @2× display running iOS ≤ 6: -->
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/img/phlow-favicon/apple-touch-icon-114x114-precomposed.png" />
<!-- 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="../assets/img/phlow-favicon/apple-touch-icon-76x76-precomposed.png" />
<!-- 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="../assets/img/phlow-favicon/apple-touch-icon-72x72-precomposed.png" />
<!-- For non-Retina iPhone, iPod Touch, and Android 2.1+ devices: -->
<link rel="apple-touch-icon-precomposed" href="../assets/img/phlow-favicon/apple-touch-icon-precomposed.png" />
<!-- Favicon for Windows 8 -->
<meta name="msapplication-TileImage" content="../assets/img/phlow-favicon/msapplication_tileimage.png" />
<!-- Background Color for Tile for Windows 8 -->
<meta name="msapplication-TileColor" content="#fabb00" />