All Posts by Email, Once a Week

Media Temple logo

CSS-Tricks is brought to you in part by Media Temple, the web hosting that we both use and recommend.

Quick Tip – Custom iPhone favicon

  • # January 26, 2009 at 1:51 pm

    Hi everybody :D

    <bad english>

    I’m here to teach how to aply your custom favicon when you add a site on the iPhone home screen*.

    *(Open a site>click the [+] button > add to home screen)

    Well… easy as pie:

    You’ll need only 2 things a 57px X 57px square .png icon and a line of code:


    Put this code into the <head><head/> section and voilá.

    >> Important:

    the favicon must be a 57X57px .png file, and is important note that you don’t need to make it’s corners and the glossy effect, commom on iphone icons… iPhone (and iPod Touch) is so awesome that himself create the radius and the glossy effect !!! ;)

    (iPhone simulator make the icons too :) )


    Hope you guys enjoy ths… ;)

    </bad english>

Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed