Back to Top

How To Change The Favicon In Magento

Updated 21 April 2023

A favicon (short for “favorite icon”) is a small icon associated with a website or web page. It typically displays in the browser’s address bar, next to the page title, and in browser tabs. 

Favicon helps to visually identify a website, and can also make it easier for users to find and distinguish between multiple open tabs. 

Favicon is usually a small square image, typically 16×16 pixels or 32×32 pixels, and often creates in the ICO file format. Magento 2 accepts ICO, PNG, JPG, and SVG file types, although not all browsers support these formats. 

A favicon in Magento 2 is a small icon representing a website. And it displays in the browser tab or bookmarks bar when the website is open. It is also known as a shortcut icon, website icon, or tab icon.

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

Start your headless eCommerce
now.
Find out More

Steps to change the favicon in Magento 2:

  • Create an image file for the favicon with a size of 16×16 pixels or 32×32 pixels. Save the image in .ico format, which is the standard file format for favicons.
  • Log in to your Magento 2 admin panel.
  • Navigate to Content > Design > Configuration.
  • Click on the Edit button for the theme you want to update.
magento-marketplace-demo11511319118.webkul.com_admin_theme_design_config_index_key_11390a6653b6d377417dcc0c28bb4ea81cfe12d7fef316a774954b9f15323b61_-1
  • Now, In the HTML Head section, find the Favicon field.
magento-marketplace-Favicon In Magento 2-1
  • Upload the image to the favicon icon from the file and click on the Save Configuration button to save your changes.
  • Clear your admin cache and refresh your site to see the new favicon.
magento-marketplace-Favicon-In Magento-2

Here, as a result, you can see at the top of the web page, the address bar in the browser tab is changed.

faviconresult-1

So now you know the methods to upload favicon in Magento 2. This we need to do in every website or project.

In the case of any doubt or concern, you can email us at [email protected] and we will surely come up with a solution.

. . .

Leave a Comment

Your email address will not be published. Required fields are marked*


Be the first to comment.

Back to Top

Message Sent!

If you have more details or questions, you can reply to the received confirmation email.

Back to Home