If you are wondering what a favicon icon is, don't worry. It is the small image located in the browser window next to the URL address--if you are using Google Chrome, next to the page title of the website you are visiting.
Often, this step is overlooked when creating or working with themes in Drupal, but the steps involved in adding a shortcut icon is exactly like adding a logo.
Start by navigating to /admin/appearance/settings and following these steps:
- Locate the FAVICON section.
- Uncheck Use the favicon supplied by the theme.
- Click on the Choose file button under the Upload favicon image field.
- Locate and select a favicon you want to use.
- Click on the Save configuration button.
Our new favicon has now been placed in the /sites/default/files folder of our Drupal installation, and is available for display in the browser.
So far, we have been working with global settings. However, individual theme settings can be applied as well. In fact, if we navigate back to the Appearance settings located at /admin/appearance/settings, we will see that Bartik and Seven can each have their own settings configured.