How to upload your custom favicon in your Drupal 7 theme

Instead of disabling the favicon on your Drupal 7 theme, you may choose to switch out the stock favicon with your own custom favicon. This article will show you how to do this in the Global Settings. Enabling the Drupal 7 global settings to allow you to use your custom favicon is simple to do with the following steps.

Setting up a custom favicon in Drupal 7:

  1. Log into your Drupal 7 Admin panel.
  2. Using the top menu area, click on the Appearance option.
    _main-dashboard-appearance

  3. This will bring up the themes page where it lists all themes installed within Drupal 7. Locate the Settings tab at the upper right corner of the screen and click it.
    appearance-theme-settings-tab

  4. This brings you to the main Appearance page. You will see Global Settings followed by the name of all enabled themes as a top menu bar. Be sure you are set to Global Settings by clicking on the label. You will then need to locate the Shortcut Icon settings section. Uncheck the box labeled Use the default shortcut icon and two new fields will appear. These are Path to custom icon and Upload icon. Use the Browse button and upload your favicon image. (It will appear in the Path field after saving)

    Note that not all themes support the global settings. If that is the case for your theme, simply choose the theme name at the top instead of Global Settings to go to the settings for that particular theme. Then you willl be able to turn off the logo for that theme.

    appearance-theme-custom-favicon

  5. Click on the Save Configuration button at the bottom of the page to save the change.
    BeforeAfter
    custom-favicon-before

    custom-favicon-after

Now you have successfully added a custom favicon in Drupal 7!

0 thoughts on “How to upload your custom favicon in your Drupal 7 theme

Was this article helpful? Join the conversation!

Server Madness Sale
Score Big with Savings up to 99% Off

X