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
- Open Store Logo. From the BigCommerce control panel, go to Store Setup, then Store Logo. (Some plans surface it under Settings, then General.)
- Upload the favicon. In the Favicon section, upload a square image. BigCommerce recommends 32x32px and will resize larger square images.
- 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 generatorFrequently 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.