This recipe details the steps involved in changing the favicon displayed with the theme. A favicon, dubbed as a shortcut icon in the Drupal interface, is an image which is particular to a site and is displayed in the address bar of the browser next to the site URL as well as the browser tab. It also makes its presence felt if the site is bookmarked in the browser as in the following screenshot:
We are going to need the icon file to be added which is recommended to be of size 32x32 pixels or higher. An example icon file named
favicon.ico can be seen in the
misc folder in the Drupal installation.