Magento How to Change the Favicon

Every Magento based site I seem to look at is still using the default Magento favicon.

Whilst its cool to advertise that you are using Magento, perhaps you should be advertising your own business!

Its actually very easy to do - here’s a step by step guide:

1. Create your Favicon.

First create a roughly square image with your logo in it, then upload it here to create your favicon itself:

http://tools.dynamicdrive.com/favicon/

2. Find the path to your Favicon.

All you need to do is go to your home page, view source and look for two lines like this:

<link rel="icon" href="http://www.******.co.uk/skin/frontend/****/****/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="http://www.****.co.uk/skin/frontend/****/****/favicon.ico" type="image/x-icon" />

You now know where your favicon is being stored on your server.

3. Upload your Icon

Fire up your favourite FTP client, connect to your server, browse to the path you go from above skin/frontend/*/*/

Now rename the favicon that is up there to favicon.ico.backup

Now upload your custom one.

4. Check it out

Just reload your page. Note you may need to clear cache for the new favicon to display properly.