Skip to content

Instantly share code, notes, and snippets.

Created November 1, 2014 19:16
Show Gist options
  • Star 2 You must be signed in to star a gist
  • Fork 2 You must be signed in to fork a gist
  • Save devluis/6bdfa0af5f97d91e8b09 to your computer and use it in GitHub Desktop.
Save devluis/6bdfa0af5f97d91e8b09 to your computer and use it in GitHub Desktop.
Snippet Favicons for all devices
<!-- Favicon for old browsers -->
<link rel="shortcut icon" type="image/x-icon" href="img/favicon/16.ico"/>
<!-- Favicons for browser with out support .ico file -->
<link rel="icon" type="image/png" href="img/favicon/16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="img/favicon/32x32.png" sizes="32x32">
<!-- For Google TV -->
<link rel="icon" type="image/png" href="img/favicon/96x96.png" sizes="96x96">
<!-- For Android Chrome -->
<link rel="icon" type="image/png" href="img/favicon/196x196.png" sizes="196x196">
<!-- For Coast by Opera (iPhone y iPad) -->
<link rel="icon" type="image/png" href="img/favicon/228x228.png" sizes="228x228">
<!-- Favicons for apple devices iPhone, iPad -->
<link rel="apple-touch-icon" sizes="57x57" href="img/favicon/57x57.png">
<link rel="apple-touch-icon" sizes="114x114" href="img/favicon/114x114.png">
<link rel="apple-touch-icon" sizes="72x72" href="img/favicon/72x72.png">
<link rel="apple-touch-icon" sizes="144x144" href="img/favicon/144x144.png">
<link rel="apple-touch-icon" sizes="60x60" href="img/favicon/60x60.png">
<link rel="apple-touch-icon" sizes="120x120" href="img/favicon/120x120.png">
<link rel="apple-touch-icon" sizes="76x76" href="img/favicon/76x76.png">
<link rel="apple-touch-icon" sizes="152x152" href="img/favicon/152x152.png">
<!-- Favicons for Windows 8.0 and IE 10 -->
<meta name="msapplication-TileColor" content="#2b5797">
<meta name="msapplication-TileImage" content="img/favicon/mstile-144x144.png">
<!-- Favicons for Windows 8.1 and IE 11-->
<meta name="msapplication-config" content="/browserconfig.xml" />
<!-- Create file browserconfig.xml -->
<?xml version="1.0" encoding="utf-8"?>
<square70x70logo src="img/favicon/mstile-70x70.png"/>
<square150x150logo src="img/favicon/mstile-150x150.png"/>
<wide310x150logo src="img/favicon/mstile-310x150.png"/>
<square310x310logo src="img/favicon/mstile-310x310.png"/>
<TileImage src="img/favicon/mstile-150x150.png" />
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment