Un favicon, del inglés favorites icon (icono de favoritos), también conocido como icono de página, es una pequeña imagen asociada con una página o sitio web en particular.

Los navegadores gráficos suelen mostrar el favicono de la página visitada, si ésta lo posee, en la barra de direcciones y en el encabezado de la pestaña correspondiente.

Asimismo los utilizan para identificar más fácilmente las páginas, presentándolos junto a sus respectivos títulos, en las listas de marcadores (navegadores web) o favoritos, en los historiales (navegador web) de páginas visitadas y de navegación.

Primero generamos nuestro favicon, es recomendable utilizar algun generador online:

http://www.genfavicon.com/es/

http://www.favicomatic.com/

Luego se copia el archivo generado a la base de nuestra carpeta raíz y se agrega la siguiente linea entre las etiquetas <head> de nuestro código html.

<link rel="shortcut icon" href="http://www.wikipedia.org/favicon.ico" />

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

Dependiendo del formato, el atributo “type” cambiará:

Formato png: image/png
Formato gif: image/gif
Formato jpeg (extensión jpg o jpeg): image/jpeg

<link rel="shortcut icon" href="/v2/favicon.png" type="image/png" />