Articles on: Magento 2 User Guide

How To Set Favicon In Magento 2

A favicon is the tiny icon that appears in the browser tab and bookmarks. It helps users recognize your site when many tabs are open and reinforces your brand.


Steps


1) In the Magento Admin, go to Content → Design → Configuration.

2) Click Edit for the Global scope or the specific Store View you want to update.

3) Expand HTML Head and find Favicon Icon.

4) Upload your favicon image (use a square image for best results).

5) Click Save Configuration.

6) Go to System → Cache Management, Flush Magento Cache, then reload the storefront.


magento2-design-configuration-select-store-view


magento2-upload-favicon-icon-field


Notes & tips

  • If you run multiple store views, make sure you select the correct scope before uploading the favicon so it applies where you expect.
  • Favicons are best kept simple. Use a clear, high‑contrast symbol and ensure the image is square (e.g., 32×32 or larger). Browsers will downscale as needed.
  • After updating, some browsers may cache the old icon. If you don’t see changes, hard‑refresh the page or clear your browser cache.

Updated on: 18/09/2025

Was this article helpful?

Share your feedback

Cancel

Thank you!