What is a favicon and how to use it

  »   Miscellaneous  »   What is a favicon and how to use it

Favicon is the shortcut from the Favorites icon.

It is a small logo found in front of the visited URL, it can be seen in Address Bar and is used to promote a company or a trademark

A favicon must have the following characteristics.

  • name - favicon.ico
  • size - 32x32 or 16x16 pixels
  • Color - 265

Here's the script needed to get a favicon in the address bar

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

This script will not be functional if you do not upload the image and change the icon locations. It is recommended that this location is the root site.

This file is displayed by browsers like: Mozilla, Firefox, Opera, but not Internet Explorer.

To make a favicon you can use a program such as Adobe Photoshop. Also, you can choose one of the online tools here.

You can check online if favicon file and if the way it was inserted in the page are correct. Click Here.

Animated favicon

You may also use another version of favicon like an animated one. To do this we will insert the following code:

html<link rel="icon" href="favicon.gif" type="image/gif">

You can generate a animated favicon by transforming an image to FavIcon from Pics. Good luck.