Free forever, no sign-up - get your full favicon set now
All platforms

Favicon for Magento

How to add a favicon in Magento

To add a favicon in Magento 2, go to Content, then Design, then Configuration, edit your store view, open Other Settings, then HTML Head, and upload your image to Favicon Icon. Save, flush the cache, and Magento serves the favicon across that store view.

What you need

  • A favicon image - Magento accepts ICO, PNG, GIF, JPG, APNG, SVG (use a square PNG or ICO).
  • Admin access to Content, then Design, then Configuration for the store view.
  • Theme template edits for Apple touch and PWA icons beyond the single favicon field.

Step-by-step: add a favicon in Magento

  1. Open Design Configuration. In the Magento admin, go to Content, then Design, then Configuration, and click Edit on the store view you want.
  2. Open HTML Head. Expand the Other Settings section, then HTML Head, and find the Favicon Icon field.
  3. Upload your favicon. Upload a square favicon (PNG or ICO). Magento stores and references it for that scope.
  4. Save and flush cache. Click Save Configuration, then flush the cache under System, then Cache Management, and hard-refresh the storefront.

Common mistakes to avoid

  • Forgetting to flush the Magento cache, so the old favicon keeps serving.
  • Setting the favicon at the wrong scope (default vs the specific store view).
  • Uploading a tiny or non-square image, which renders blurry in the tab.
  • Expecting Apple touch and PWA icons; the Favicon Icon field only sets the browser favicon.
Free forever, no sign-up

Generate a complete icon set for Magento

One logo in, every file out: favicon.ico, the PNG sizes, the Apple touch icon, Android and PWA icons, a maskable icon, the web manifest, and a copy-paste snippet ready for Magento. Free, private, and generated in your browser.

Open the generator

Frequently asked questions

Where is the favicon setting in Magento 2?
Under Content, then Design, then Configuration. Edit the store view, open Other Settings, then HTML Head, and upload to the Favicon Icon field. Save and flush the cache.
What favicon formats does Magento 2 support?
Magento accepts ICO, PNG, GIF, JPG, APNG, and SVG for the favicon. A square PNG or a real favicon.ico is the safest, sharpest choice for the browser tab.
Why is my Magento favicon not showing?
Almost always caching. Flush the cache under System, then Cache Management, confirm you set it on the right store view, and hard-refresh or use a private window.
How do I add Apple touch and PWA icons in Magento?
The favicon field only sets the browser icon. Add apple-touch-icon and manifest link tags in your theme's default_head_blocks.xml or a custom head template, with the icon files in your theme's web folder.

Favicon guides for other platforms

New to favicons? Read the complete favicon guide and the icon size cheatsheet, or jump straight to the favicon generator.