Dans un premier temps, dans un logiciel dédié, créez l'icône souhaitée avec une taille de 16 pixels sur 16 pixels.
Dans ce premier exemple, enregistrez le fichier au format .ico, avec comme nom : favicon.ico.

Puis placez ce fichier à la racine de votre site.

Ouvrez la page d'accueil de votre site web (index.html ou autre) et dans le <head>, saisissez cette ligne de code :
<link rel="shortcut icon" type="image/x-icon" href="http://www.monsite.org/favicon.ico">

Les différentes valeurs de l'attribut type sont :
- image/png pour les images au format PNG,
- image/jpeg pour les images au format JPEG,
- image/gif pour les images au format GIF,
- image/x-icon pour les images au format icône (extension .ico, comme pour notre exemple), sachant que ce format n'est pas un standard.

Si vous décidez d'avoir une icône au format PNG, voilà les éléments à utiliser:
- le nom du fichier doit être favicon.png et le code doit être le suivant :
<link rel="shortcut icon" type="image/png" href="http://www.monsite.org/favicon.png">

Redémarrez si besoin est le navigateur.

Source : forum Wisibility