Putting up Ubuntu favicon.ico

After being annoyed looking at all those 404 messages when IE tries to access this website /favicon.ico, i finally decided to put one up.

For those who don’t know, favicon.ico is that small (typically 16×16) icon that appeared beside the address bar. Since my blog is mostly centered around Ubuntu, I’ve chosen to put up an Ubuntu logo.

How to put up favicon.ico

Find a nice icon in png or ico format , make sure it look nice at 16×16, upload it on your website.

Put this line on your header (between <head> tags)

<link rel="icon" type="image/x-icon" href="/favicon.ico" />

If you’re using a png image, replace type with “image/png”. I haven’t personally test this with Internet Explorer much, but I doubt Internet Explorer doesnt support other icon format than .ico.

If that’s the case, you might benefit from png2ico

You can download the ubuntu favicon.ico here.

Find more information about favicon


4 Replies to “Putting up Ubuntu favicon.ico”

  1. You can get nice antialiased favicons with Firefox (and others?) as follows:

    1) Make yourself a nice 16×16 PNG image with antialiasing and a transparent background.
    2) Use png2ico to make a favicon.ico for older browsers.
    3) Add the following to the HEAD of your HTML document:

    4) Clear your cache, and Viola! :-)

Comments are closed.