---
title: "Setting custom logos in your Drupal 8 theme"
description: "One of the things you may want to do after removing or disabling the stock Drupal logo from your theme is to replace it by uploading your own custom logo. The instructions below demonstrate how to..."
url: https://www.inmotionhosting.com/support/edu/drupal/drupal8-upload-custom-logo/
date: 2013-10-21
modified: 2024-01-23
author: "Scott Mitchell"
categories: ["Drupal"]
type: post
lang: en
---

# Setting custom logos in your Drupal 8 theme

One of the things you may want to do after [removing or disabling](/support/edu/drupal/toggle-logo/) the stock Drupal logo from your theme is to replace it by uploading your own custom logo. The instructions below demonstrate how to change your logo in your specific Drupal 8 theme.

## How to set your custom logo in Drupal 8

1. [Log into your Drupal 8 admin interface](/support/edu/drupal/how-to-log-into-the-drupal-admin-dashboard/).
2. [![select menu option](https://www.inmotionhosting.com/support/wp-content/uploads/2013/06/edu_Drupal-8__common-images_select-menu.png)](/support/wp-content/uploads/2013/06/edu_Drupal-8__common-images_select-menu.png) Select **Menu** from the top menu bar.
3. [![select the Appearance option](https://www.inmotionhosting.com/support/wp-content/uploads/2013/10/edu_Drupal-8__common-images_select-appearance.png)](/support/wp-content/uploads/2013/10/edu_Drupal-8__common-images_select-appearance.png) Next, click on **Appearance** from the secondary menu bar.
4. [![the configuration screen for the module](https://www.inmotionhosting.com/support/wp-content/uploads/2013/10/edu_Drupal-8_105_customize-colors_1-select-settings.png)](/support/wp-content/uploads/2013/10/edu_Drupal-8_105_customize-colors_1-select-settings.png) This brings you to the main *Appearance* page where you will see all the available active themes listed at the top under *Enabled Themes*. Locate the theme you want to add the logo to and click on the **Settings** link to its right. For our example, we will be using the *Bartik* theme.
5. [![the configuration screen for the module](https://www.inmotionhosting.com/support/wp-content/uploads/2013/10/edu_Drupal-8_105_upload-custom-logo_1-logo.png)](/support/wp-content/uploads/2013/10/edu_Drupal-8_105_upload-custom-logo_1-logo.png) From the theme settings page, scroll down to the *Logo Image Settings* section where you will at first see a single setting labeled **Use the default logo supplied by the theme**. Uncheck the checkbox and some new information will appear. Path to custom logo the folder path to a logo that has already been uploaded. Upload logo image The **Browse** button to upload a logo from your local machine. ### Upload a new logo file If you have a new logo to upload, click the **Browse** button and you will be presented with a popup window. Use this window to select your logo file from your computer. Once finished the file name should appear in the **Upload logo image** field. ### Use a file already on the server If you have already uploaded a logo, you can simply enter the file path here. This will default to *sites/default/files/logo.png*. Be sure to replace the filename *logo.png* with the name of your logo if it is different. In our example, we uploaded a new logo uploaded our local machine.
6. Once you have uploaded your new logo, click on the **Save Configuration** button to save and activate the change. Below is our example before and after displaying a custom logo uploaded in this way. Before After [![the configuration screen for the module](https://www.inmotionhosting.com/support/wp-content/uploads/2013/10/edu_Drupal-8_105_upload-custom-logo_before.png)](/support/wp-content/uploads/2013/10/edu_Drupal-8_105_upload-custom-logo_before.png) [![the configuration screen for the module](https://www.inmotionhosting.com/support/wp-content/uploads/2013/10/edu_Drupal-8_105_upload-custom-logo_after.png)](/support/wp-content/uploads/2013/10/edu_Drupal-8_105_upload-custom-logo_after.png)