To 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"/>