Skip to content

Instantly share code, notes, and snippets.

@ifthenelse
Last active April 22, 2021 22:33
Show Gist options
  • Save ifthenelse/5582608 to your computer and use it in GitHub Desktop.
Save ifthenelse/5582608 to your computer and use it in GitHub Desktop.
favicon html code for all browsers (got from http://www.sitepoint.com/favicon-a-changing-role/ )
<?php $favicon_path = "/docroot/img/ico/"; ?>
<!-- Default -->
<link rel="shortcut icon" href="<?php echo $favicon_path; ?>favicon.ico"/>
<!-- For IE6+ -->
<link rel="shortcut icon" href="<?php echo $favicon_path; ?><?php echo $favicon_path; ?>favicon.ico" type="image/x-icon">
<!-- For IE6+ -->
<link rel="shortcut icon" href="<?php echo $favicon_path; ?>favicon.ico">
<!-- For IE6+ -->
<link rel="shortcut icon" href="<?php echo $favicon_path; ?>favicon.ico" type="image/vnd.microsoft.icon">
<!-- Works in Chrome, Safari, IE -->
<link rel="shortcut icon" href="<?php echo $favicon_path; ?>favicon.ico">
<!-- Works in Firefox, Opera, Chrome and Safari -->
<link rel="icon" href="<?php echo $favicon_path; ?>favicon.png">
<!-- For IE 6-10 -->
<link rel="shortcut icon" href="<?php echo $favicon_path; ?>favicon.ico"/>
<!-- For all other browsers -->
<link rel="icon" href="<?php echo $favicon_path; ?>favicon.ico"/>
<!-- Different sizes -->
<link rel="icon" href="<?php echo $favicon_path; ?>favicon16.png" sizes="16x16">
<link rel="icon" href="<?php echo $favicon_path; ?>favicon32.png" sizes="32x32">
<link rel="icon" href="<?php echo $favicon_path; ?>favicon48.png" sizes="48x48">
<link rel="icon" href="<?php echo $favicon_path; ?>favicon64.png" sizes="64x64">
<link rel="icon" href="<?php echo $favicon_path; ?>favicon128.png" sizes="128x128">
<!-- For IE -->
<!--[if IE]><link rel="shortcut icon" href="<?php echo $favicon_path; ?>favicon.ico"><![endif]-->
<!-- For Modern Browsers with PNG Support -->
<link rel="icon" type="image/png" href="<?php echo $favicon_path; ?>favicon.png">
<!-- For rounded corners and reflective shine in Apple devices -->
<link rel="apple-touch-icon" href="<?php echo $favicon_path; ?>favicon.png" />
<link rel="apple-touch-icon" sizes="144×144" href="<?php echo $favicon_path; ?>touch-icon-144×144.png" />
<link rel="apple-touch-icon" sizes="114×114" href="<?php echo $favicon_path; ?>touch-icon-114×114.png" />
<link rel="apple-touch-icon" sizes="72×72" href="<?php echo $favicon_path; ?>touch-icon-72×72.png" />
<link rel="apple-touch-icon" sizes="57×57" href="<?php echo $favicon_path; ?>touch-icon-57×57.png" />
<!-- For Apple devices (fallback @ 144x144 px) -->
<link rel="apple-touch-icon" href="/touch-icon-iphone.png" />
<!-- Favicon without reflective shine -->
<link rel="apple-touch-icon-precomposed" href="<?php echo $favicon_path; ?>favicon.png" />
<link rel="apple-touch-icon-precomposed" sizes="144×144" href="<?php echo $favicon_path; ?>apple-touch-icon-144×144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114×114" href="<?php echo $favicon_path; ?>apple-touch-icon-114×114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72×72" href="<?php echo $favicon_path; ?>apple-touch-icon-72×72-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="57×57" href="<?php echo $favicon_path; ?>apple-touch-icon-57×57-precomposed.png">
<!-- For Apple devices (fallback @ 144x144 px) -->
<link rel="apple-touch-icon-precomposed" href="<?php echo $favicon_path; ?>touch-icon-iphone-precomposed.png">
<!-- For Windows 8 -->
<meta name="msapplication-TileColor" content="#D83434">
<meta name="msapplication-TileImage" content="<?php echo $favicon_path; ?>tileicon.png">
@Conna576
Copy link

favicon.html

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment