How to Change Favicon in Magento 2

Change Favicon Magento 2 - Favicon is short for “favorite icon”, and refers to the little icon on the tab of each browser page. Depending on the browser, the favicon also appears in the address bar, just before the URL. Favicons are generally 16 x 16 pixels or 32 x 32 pixels in size. Magento accepts ICO, PNG, JPG, and SVG file types, although not all browsers support these formats. The most widely supported file format to use for a favicon is ICO. There are many free tools available online that you can use to generate an ICO image or convert an exiting image to the format.
To Change Favicon in Magento 2
You can change Favicon in Magento 2 by the following steps:
Step 1: Create a Favicon
- Create a
16x16
or32x32
graphic image of your logo, using the image editor of your choice. - (Optional) Use one of the available online tools to convert the file to the .ico format. Then, save the file to your computer.
Step 2: Upload the Favicon to Your Store
Magento 2.0.x
- On the
Admin sidebar
, click onStores
. Then underSettings
, chooseConfiguration
. - In the panel on the left under
General
, chooseDesign
. - Expand the
HTML Head
section. Then, do the following:
Magento 2.1+
From Magento 2.1, this path was changed. It is located at Content > Configuration > Select your current theme > HTML Head
- On the
Admin sidebar
, click onContent
. Then underDesign
, chooseConfiguration
. -
In the panel on the left under
Design Configuration
, clickEdit
your current website, storeview. - Expand the
HTML Head
section. Then, do the following:
- Click on Choose File. Then, find the favicon file that you prepared.
-
If you want to delete the current favicon, mark the Delete Image checkbox.
- When complete, click on
Save Config
.
Step 3: Refresh the Cache
- When prompting to refresh the cache, click the
Cache Management
link in the message at the top of the workspace. - In the list, mark the Page Cache checkbox that is marked
Invalidated
- Set Actions to “Refresh.” Then, click on
Submit
. - To view the new favicon, return to your storefront and press F5 to refresh the browser.
Related Topics:
Abandoned cart email.

Recent Tutorials

Magento 2 Admin Panel
6 Steps to Creating an Extension Package File in Magento
How to build landing pages in Magento store?
Comments for How to Change Favicon
Explore Our Products:
People also searched for
- magento 2 favicon
- magento 2 change favicon
- change favicon magento 2
- favicon magento 2
- magento 2 favicon change
- how to change favicon in magento 2
- change favicon in magento 2
- magento2 favicon
- magento 2 add favicon
- magento 2 set favicon
- magento favicon
- magento change favicon
- how to change favicon in magento
- magento change favicon
- magento favicon size
- magento favicon html
- magento favicon
- favicon magento
- magento favicon sample
- magento favicon change
- magento browser support
- magento icon
- magento favicon icon
- magento favicon delete icon
- magento remove favicon
- magento html favicon
- magento favicon svg
- magento changing favicon
- how to change a favicon magento
- how to change the favicon magento
- how to add favicon in html magento
- magento add favicon
- magento favicon icon size
- magento favicon image
- what is favicon magento
- 2.2.x, 2.3.x, 2.4.x
Stay in the know
Get special offers on the latest news from Mageplaza.
Earn $10 in reward now!