Favicon and Apple icons

/ Published in: HTML
Save to your folder(s)

The favicon is pretty much normality these day. the interesting bit here is the apple-touch-icon which is used if you save a bookmark to your home screen on an apple touch device such as an iPad or iPhone. Interestingly enough, android also supports its usage. As far as I can tell, the apple-touch-icon size is 60px by 60px. As the comment says, if your icons are in the root of your domain, these links aren’t required.

Copy this code and paste it in your HTML
  1. <!-- Place favicon.ico and apple-touch-icon.png in the root of your domain and delete these references -->
  2. <link rel="shortcut icon" href="/favicon.ico">
  3. <link rel="apple-touch-icon" href="/apple-touch-icon.png">

URL: http://www.1stwebdesigner.com/design/snippets-html5-boilerplate/

Report this snippet


RSS Icon Subscribe to comments

You need to login to post a comment.