Add favicon to your web site or html page

Favicon icon means Favorites, as this icon will be shown next to the bookmark in the favorites. Apart from this, the new version of different browser also shows this icon on number of places like Tab Tile, Title bar etc. Having an icon for a web site allows the users to easily identify the site without reading the description.

Create a Favicon?

Faviicon is a 16x16 .ico file which can be created from any standard icon file creator. You may use Visual Studio to create this. You can also create this online from some sites life favicon.cc

Add favicon to your web page

To add a favicon to you web page just place the favicon in the root directory of the application. Other way, if you want to install it for a sub folder then place it the the folder itself or specify the path of the favicon in you web page head section

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

8 comment(S)


yobird on May 30, 2008 02:51 PM

It can also be a PNG image.


Kitt3N on Aug 25, 2008 06:51 AM

Thank you for this short and sweet and to the point article!

Devang on Mar 22, 2013 05:11 AM

in which tag i have to put this tag......in
<head> or in <body> tag......

karsho on Jan 23, 2014 03:20 AM

Nice Topic dude.

suraj on Oct 17, 2014 11:20 AM

Thank you best topic

a on May 8, 2015 03:07 AM


asdfa on Feb 9, 2016 01:55 AM


Leave a comment