Portal Home > Knowledgebase > General & Tech > How to add favicon
A favicon (short for favorites icon), also known as a website icon, shortcut icon, url icon, or bookmark icon is a 16×16, 32×32 or 64×64 pixel square icon associated with a particular website or webpage. A web designer can create such an icon and install it into a website (or webpage) by several means, and most graphical web browsers will then make use of it. Browsers that provide favicon support typically display a page's favicon in the browser's address bar and next to the page's name in a list of bookmarks. Browsers that support a tabbed document interface typically show a page's favicon next to the page's title on the tab. Some programs allow the user to select an icon of his own from the hard drive and associate it with a website.
- The following format is cross-browser compatible and is supported by Internet Explorer, Firefox, Chrome, and Opera -
<link rel="SHORTCUT ICON" href="http://www.example.com/myicon.ico"/>- Additionally the following is also acceptable -
<link rel="SHORTCUT ICON" href="/somepath/myicon.ico"/>
- The following shows the supported format of link tags, using examples, for HTML and XHTML -
HTML:
<link rel="icon" type="image/vnd.microsoft.icon" href="http://example.com/image.ico">
<link rel="icon" type="image/png" href="http://example.com/image.png">
<link rel="icon" type="image/gif" href="http://example.com/image.gif">XHTML:
<link rel="icon" type="image/vnd.microsoft.icon" href="/somepath/image.ico" />
<link rel="icon" type="image/png" href="/somepath/image.png" />
<link rel="icon" type="image/gif" href="/somepath/image.gif" />
Add to Favourites 
Print this Article
