---
title: "How to upload your custom favicon in your Drupal 7 theme"
description: "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...."
url: https://www.inmotionhosting.com/support/edu/drupal/upload-custom-favicon/
date: 2012-06-21
modified: 2021-08-16
author: "Scott Mitchell"
categories: ["Drupal"]
type: post
lang: en
---

# How to upload your custom favicon in your Drupal 7 theme

Instead of [disabling the favicon on your Drupal 7 theme](/support/edu/drupal/disable-favicon/), 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.](/support/edu/drupal/how-to-log-into-the-drupal-admin-dashboard/)
2. Using the top menu area, click on the **Appearance **option. [![_main-dashboard-appearance](https://www.inmotionhosting.com/support/wp-content/uploads/2012/06/edu_Drupal_7_Appearance__main-dashboard-appearance.png)](/support/wp-content/uploads/2012/06/edu_Drupal_7_Appearance__main-dashboard-appearance.png)
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](https://www.inmotionhosting.com/support/wp-content/uploads/2012/06/edu_Drupal_7_Appearance_appearance-theme-settings-tab.png)](/support/wp-content/uploads/2012/06/edu_Drupal_7_Appearance_appearance-theme-settings-tab.png)
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](https://www.inmotionhosting.com/support/wp-content/uploads/2012/06/edu_Drupal_7_Appearance_appearance-theme-custom-favicon.png)](/support/wp-content/uploads/2012/06/edu_Drupal_7_Appearance_appearance-theme-custom-favicon.png)
5. Click on the **Save Configuration** button at the bottom of the page to save the change. Before After [![custom-favicon-before](https://www.inmotionhosting.com/support/wp-content/uploads/2012/06/edu_Drupal_7_Appearance_Theme_Custom_Logo_custom-favicon-before.png)](/support/wp-content/uploads/2012/06/edu_Drupal_7_Appearance_Theme_Custom_Logo_custom-favicon-before.png) [![custom-favicon-after](https://www.inmotionhosting.com/support/wp-content/uploads/2012/06/edu_Drupal_7_Appearance_Theme_Custom_Logo_custom-favicon-after.png)](/support/wp-content/uploads/2012/06/edu_Drupal_7_Appearance_Theme_Custom_Logo_custom-favicon-after.png)

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