How to add an icon to your website

November 10th, 2008 by admin

When surfing some of the webpages, you may notice there is an icon on the left side of the address.

Google
Icon on Google.com

Icon on Microsoft.com

Photobucket
Webpage without an icon.

Website icon works on most of the browsers (Internet Explorer, Firefox, Opera, Safari, and etc).

If you wish to add an icon to your website, add the following HTML codes to your website between <head> and </head> section:

<link rel="shortcut icon" href="/myicon.ico">

Assume that “/myicon.ico” is where you uploaded the icon.

For example
<html>

<head>

<title>Title of the page</title>

<link rel="shortcut icon" href="/myicon.ico">

</head>

<body>

Hello World!

</body>

</html>

You can use IcoFX or other Icon Editors to make your icon.

It is recommended you use an image with 16 colors or 256 colors and save the image file as .ico.

Your icon size should be 16×16 pixels.

Enjoy!