All platforms

Favicon for BigCommerce

How to add a favicon in BigCommerce

To add a favicon in BigCommerce, go to Store Setup, then Store Logo (or Settings, then General depending on your plan), find the Favicon section, and upload a square image - BigCommerce recommends 32x32px and resizes larger uploads. Save and it serves across your storefront.

What you need

  • A square image; BigCommerce uses around 32x32 for the tab (upload a larger square for sharpness).
  • Admin access to Store Setup, then Store Logo (or Settings, then General).
  • Theme code (Stencil) edits for Apple touch and PWA icons beyond the favicon field.

Step-by-step: add a favicon in BigCommerce

  1. Open Store Logo. From the BigCommerce control panel, go to Store Setup, then Store Logo. (Some plans surface it under Settings, then General.)
  2. Upload the favicon. In the Favicon section, upload a square image. BigCommerce recommends 32x32px and will resize larger square images.
  3. Save. Save your changes. The favicon appears in the browser tab across your storefront after a refresh.

Common mistakes to avoid

  • Uploading a rectangular image, which BigCommerce crops or squishes.
  • Using an oversized file or detailed logo that becomes illegible at 16x16.
  • Editing the theme files instead of the Store Logo favicon field for a simple change.
  • Not hard-refreshing after saving, so the cached old icon shows.
Free forever, no sign-up

Generate a complete icon set for BigCommerce

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 BigCommerce. Free, private, and generated in your browser.

Open the generator

Frequently asked questions

Where do I upload a favicon in BigCommerce?
Under Store Setup, then Store Logo, in the Favicon section (or Settings, then General on some plans). Upload a square image and save; BigCommerce handles the resizing.
What favicon size does BigCommerce use?
BigCommerce uses roughly 32x32px for the browser tab and resizes larger square uploads down. Upload a clean square image so the downscale stays crisp.
Can I add Apple touch and PWA icons to BigCommerce?
Not through the default favicon field. Add apple-touch-icon and manifest link tags in your Stencil theme's header template and upload the icon files to the theme's assets.
Why is my BigCommerce favicon not updating?
Save the favicon, then hard-refresh or open a private window. Browser favicon caching is the usual cause, and CDN caching on your storefront can add a short delay.

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.