Part 165 How to display an icon for website on browser tab04:33

  • 0
Published on December 26, 2017

Text version of the video


All ASP .NET Text Articles

All ASP .NET Slides

ASP.NET Playlist

All Dot Net and SQL Server Tutorials in English

All Dot Net and SQL Server Tutorials in Arabic

website favicon html
website favicon how to
website logo favicon
website link favicon
website load favicon
favicon local website
website favicon maker
website favicon not showing
create website favicon online
website favicon tutorial

In this video we will discuss displaying an icon for an website on a browser tab. Let me explain what I mean.

Navigate to notice in the address bar an icon is displayed.

This icon is called favicon (short for Favorite icon). It is also known as a shortcut icon, Web site icon, tab icon or bookmark icon.

The size of the image should be 16 X16 pixels and it should be named favicon.ico. You can either create your own image or use many free websites that are available. is one such website.

Once you have the image, place it in the root directory of your web application and include the following link in the head section of the page. If you have a master page, place it in the head section of the master page.
[link rel=”shortcut icon” href=”~/favicon.ico” type=”image/x-icon”/]

If you are testing this on your local machine, make sure to use local IIS Web Server instead of built-in visual studio development server, otherwise the image will not be displayed.

Enjoyed this video?
"No Thanks. Please Close This Box!"