
Here are some snippets I have used with relevant links to where I gathered the information. This answer goes through how to support them all.

There are a number of different icons and even splash screens that you can set for various devices. I looked at the first 20 or so google results, and this was by far the best.

They also generate the html that you need to use for the files they generate. It will generate favicons at 16x16 and 32x32 and to quote them "Every damn size, sir!"Īlso, their site looks cool and is easy to use. I say best because it gave me the crispest favicon, and required no editing after their transformation. See also favicon.png vs favicon.ico - why should I use PNG instead of ICO? This option unfortunately doesn't allow you to use a PNG icon. So all you have to do is to make the /favicon.ico request to your website return your favicon. PNG favicons are supported by most browsers, except IE.

Simply add the following code to the element: There are actually two ways to add a favicon to a website.
