How to change the favicon in Drupal

Updated on Dec 10, 2015

This tutorial will review the process of changing the favicon image on your Drupal website. This will make your website look more professional as it will remove the default Drupal favicon image and place one on your own.

Firstly, you will have to create your favicon image. For this purpose, it needs to be 32x32 pixels. When you create the image, you need to convert it into .ico format. There are a few online tools that can assist you on that:

After you make the favicon, you need to log into your website as administrator and then click on the Appearance button from the top menu.

Access Appearance menu in Drupal

Click on the Settings button next to the default theme on your website. In our case, this is Bartik 7.26.

Edit theme settings in Drupal

Scroll down to the Shortcut Icon Settings section on the new page and uncheck the Use the default shortcut icon option. Then click on the Choose File button to upload the new favicon.

Upload a favicon image in Drupal

Click on the Save configuration button to keep the changes. To view them after that, you will have to completely clear your browser's cache memory and then access your website again. The new favicon will appear normally after that.

On this page...

    Drupal Hosting

    • Free Drupal Installation
    • 24/7 Drupal Support
    • Free Domain for life
    • Hack-free Protection
    • Fast SSD Storage
    • Free Drupal Transfer
    • Free CloudFlare CDN
    • Immediate Activation
    View More