How to Change Favicon in Magento 2

How to Change Favicon in Magento 2

A favicon, i.e, the “favourite icon” is the small icon that you see on the tab of each page in the browser.

The favicon represents your brand to the user when he is visiting multiple sites at a time. If you want your store to stand apart among multiple sites open at a time in the visitor’s machine, favicon does play a significant role!

Magento 2 allows the admin to upload favicon from the admin panel. It is recommended to use the ICO image format for the favicon, however, PNG, JPG, GIF, JPEG, APNG and SVG file types are also allowed. The favicon is usually 16 * 16 pixels or 32 * 32 pixels in size.

The size and file type can be conveniently changed as per the requirements using free online tools available.

The default Magento favicon is of size 16*16 pixels which can be overridden by uploading a custom brand icon from the admin panel or adding it at a particular location in the theme directory manually. In case of both favicons, the priority of the one uploaded in the admin panel is considered.

Check the steps to change favicon in Magento 2 that represents your brand!

Steps to change favicon in Magento 2:

  1. Login to admin panel
  2. Navigate to Content > Configuration
  3. Open the current website/theme in the edit mode
    How to Change Favicon in Magento 2 1
  4. Expand the HTML Head section
  5. Click on upload button to upload the favicon icon.
    How to Change Favicon in Magento 2 2
  6. Save the configuration
  7. Refresh cache

That’s it.

You can also refer to the video tutorial to change favicon in Magento 2 from our Magento 2 video tutorial series:

The favicon will appear as follows:

How to Change Favicon in Magento 2 3

Any doubts about the topic can be posted in the Comments section below. I’d be happy to help you out.

Please share the post with the Magento community via social media.

Thank you.

Related Links:

Get Weekly Updates

Never miss Magento tips, tricks, tutorials, and news.

Thank you for subscribing.

Something went wrong.

5
(based on 10 Reviews)

Sanjay is a co-founder at Meetanshi. He is a Certified Magento Developer who loves creating Magento E-commerce solutions. Owing to his contributions in Magento Forums and posting solutions, he is among the top 50 contributors of the Magento community in 2019. When he is not engrossed with anything related to Magento, he loves to play cricket.

Leave a reply:

Your email address will not be published.