> > rel=apple-touch-icon

Updated: March 16th 2016


What is rel=apple-touch-icon?

  • Use of rel=apple-touch-icon defines an image to be used on Apple devices that represents that page or site.
html file and apple logo

Example use

<link rel="apple-touch-icon" href="/custom_icon.png">

The above code is basically saying...

  • There is an icon for this page
  • The icon is located at "/custom_icon.png"

Where is it used?

In the head portion of an HTML document.


The main reason for rel=apple-touch-icon to exist is to provide an image that represents the page, typically a logo.

Accomplishes what a favicon does for Windows systems by providing an image for bookmarks, saves, links, etc. to be displayed on Apple devices.


Patrick Sexton by