Step 1. Locate the image that you would like to use as your Favicon and make sure that the dimensions are perfectly square (ie. 100 Pixels x 100 Pixels).
Step 2. Browse to the file's location on your computer and select the image.
Step 3. Press the Generate Favicon! button below.
Step 4. Right Click Your Favicon above. After downloading, simply rename and upload favicon.ico to your root directory.
Step 5. Copy and paste the code below to the <head> section of your webpages: <link rel="icon" href="/favicon.ico">
Note:The code above will work for all modern browsers, including Internet Explorer 11. For compatibility with older versions of Internet Explorer, you may use the phrase shortcut icon instead of just icon: <link rel="shortcut icon" href="/favicon.ico">
If you want a retina favicon that will work with Apple touch devices, there is just a little additional work to be done. Similarly, for Windows 8 or Windows 10 "metro UI" tile favicons, you will need to conform to certain resolutions and add a background color for the Windows tile. Head over to the Favicon FAQ to learn how to get Windows and Apple favicons to show correctly, iPhone, iPad, Android, and Windows devices.
That's all there is to it, enjoy your favicon!