- Create/source your desired image, preferrably with a transparent background. Crop it into a square.
- Go to favicon.cc and click ‘Import Image’ on the left side. Choose the resize option
- In the preview box, click ‘Download Favicon.’ Save it to your image directory or wherever you want.
- In the head of your html document, paste this code:
<link rel="shortcut icon" type="image/vnd.microsoft.icon" href="/some-folder/some-image.ico" />
That’s it. It works in most browsers, including the IE’s. You can have a different favicon for different pages or sections of the site, if you choose.