iphone faviconTo create an iPhone favicon or webicon for your site, you’ll want to create a 57×57 PNG file. Save it as apple-touch-icon.png. Go ahead and upload it to the root folder of your website. Like a normal favicon, you can override it with a simple line of code in your head tag.

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

  • You can also use apple-touch-icon-precomposed as the filename, so Safari on iOS won’t add any effects to the icon.