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:
- Login to admin panel
- Navigate to Content > Configuration
- Open the current website/theme in the edit mode
- Expand the HTML Head section
- Click on upload button to upload the favicon icon.
- Save the configuration
- Refresh cache
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:
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.
Get Weekly Updates
Never miss Magento tips, tricks, tutorials, and news.
Thank you for subscribing.
Something went wrong.