How to display an icon for website on browser tab

If you want add your own favorite icon on your website browser tab follow the below steps..

Step 1:-

• First of all you should have favicon image file.
• The size of image should be 16×16 pixels and it should be named as favicon.ico
• You can either create your own image using photo editor tool like Adobe Photoshop, Paint or use many free website like that are available .
• www.favicon.cc is one such website.

Step 2:-

• Place the favicon.ico image file in the root directory of your web application.

Step 3:-

• Now include the following link in the head section of the page. If you have Asp.net Master Page, place it in head section of master page.

              <link rel=”shortcut icon” href=”~/favicon.ico” type=”image/x-icon” />