How to add Apple Touch icon for websites with HTML?

Spread the love

To add Apple Touch icon for websites with HTML, we add link eleemnts for the icons.

For instance, we write

<link rel="apple-touch-icon" href="apple-touch-iphone.png" />
<link rel="apple-touch-icon" sizes="72x72" href="apple-touch-ipad.png" />
<link rel="apple-touch-icon" sizes="114x114" href="apple-touch-iphone4.png" />
<link
  rel="apple-touch-icon"
  sizes="144x144"
  href="apple-touch-ipad-retina.png"
/>

to add link elements for icons with different sizes.

We specify the size as the value of the size attribute.

And we set the href attribute to the icon URL.

Leave a Reply

Your email address will not be published. Required fields are marked *