How to create a favicon for website on browser tab?

In this article, I will show you how to create favicon for website on the browser tab. The size of the site icon should be about 16x19 pixels and named as favicon.ico or something. It also called as shortcut icon,bookmark icon or webpage icon.If  you are using a master page,It should be placed in the head section of the page like this,

<link rel="shortcut icon" href="http://www.infinetsoft.com/Images/infi.ico" type="image/x-icon" />

Description: Here, I am using mvc application, I have placed this at the layout.cshtml. My website is www.infinetsoft.com ,Notice the browser icon is displayed in the address bar. You can convert any other format image file to .ico format using this website https://www.icoconverter.com/.