How to create an icon for your website?
The image icon for the website is commonly known as a favicon, website icon or urlicon.
The step in making one is actually pretty simple.
Firstly, you will need to design the icon that you wish others to view as and it is important to note that the preferred size of the image is 16×16 or 32×32. You may want to use your preferred image editor to create one. In case you don’t have an image creator, you might want to download a copy of The Gimp or Inkscape from filehippo. Both are equally good and popular image creator and it is totally free.
Secondly, save the image that you have designed as .gif format and go to http://www.html-kit.com/favicon/ and you should be able to see the screen below. 
Click on browse and upload the file and click on “Generate FavIcon.ico”. Following which, click on Download FavIcon and save it to your computer. The file will come in a .zip format. Just extract it and you will see your favicon.ico in it.
Thirdly, upload the file to your website by ftp or file manager:
For HTML pages, you may upload the image to the main folder and place the following code inside your HTML file, please note that you need to add it under your header.
<link rel="shortcut icon" href="/favicon.ico">
For PHP pages, you may upload the image to the main folder, and place the following code inside the header.php
<link rel="shortcut icon" href="/favicon.ico">
Lastly, check your site to see if you have successfully added a favicon. Do let me know if you encounter any problems. I will be most willing to assist you. =)
This was a really useful post. Thanks.