InMotion Hosting Support Center

One of the minor customizations we get asked about is replacing the stock Drupal favicon with a custom one. The favicon is the small icon that appears next to the site name on the browser tab. See our article here for more information on favicons and how to create one. The instructions below demonstrate how to replace this in Drupal 8.

How to Upload your custom Favicon in Drupal 8

  1. Log into your Drupal 8 admin interface.
  2. click on the Menu itemSelect Menu from the top menu bar.
  3. select the Appearance optionNext, click on Appearance from the secondary menu bar.
  4. the configuration screen for the moduleNext you will arrive at the main Appearance page. Here you will see all the available active themes listed at the top under Enabled Themes. Locate the theme you want to work with and click on the Settings link to its right. We will be using the Bartik theme in this example.
  5. the configuration screen for the moduleFrom the theme settings page, scroll down to the Shortcut Icon Settings section where you will at first see a single setting labled Use the default shortcut icon supplied by the theme. Uncheck the checkbox and two new fields will appear.
    Path to custom iconthe folder path to a icon that has already been uploaded.
    Upload icon imageThe Browse button to upload an icon from your local machine.
    We uploaded a new icon from our local machine for our example.
  6. After your new icon has been uploaded, click on the Save Configuration button. This will save and activate the change. Included below is a before and after comparison displaying our favicon change.
    the configuration screen for the modulethe configuration screen for the module
Was this article helpful?
You are viewing Section 8: Uploading a custom favicon in Drupal 8
Section 7: Setting custom logos in your Drupal 8 theme
Section 9: Removing the site title in Drupal 8

Related Questions

Here are a few questions related to this article that our customers have asked:
Ooops! It looks like there are no questions about this page.
Would you like to ask a question about this page? If so, click the button below!
Ask a Question

Support Center Login

Our Login page has moved. Please click the button below to be redirected to the login page.

Post a Comment

Email Address:
Phone Number:

Please note: Your name and comment will be displayed, but we will not show your email address.

0 Questions & Comments

Post a comment

Back to first comment | top

Need more Help?


Ask the Community!

Get help with your questions from our community of like-minded hosting users and InMotion Hosting Staff.

Current Customers

Chat: Click to Chat Now E-mail:
Call: 888-321-HOST (4678) Ticket: Submit a Support Ticket

Not a Customer?

Get web hosting from a company that is here to help. Sign up today!