Early Access



Learn how to use the apple-touch-icon-precomposed rel link tag to improve your site.

Used for specifying an icon for Web pages or sites for use on Apple mobile devices. The "precomposed" keyword indicates that the icon should be used as is, without adding any effects like rounded corners or gloss by the device.

Code Examples

<link rel="apple-touch-icon-precomposed" href="/path/to/icon.png">
Uses the outdated "precomposed" keyword which is now ignored by devices.


  • Consider New Standards
    Apple devices now ignore the "precomposed" keyword and treat all icons as precomposed. It is recommended to use "apple-touch-icon" instead.
  • Specify Multiple Sizes
    It's a good practice to serve icons in different sizes for various display resolutions, e.g., 180x180 for iPhone Retina display.

Related Documentation