favicon.run Logo

How to Add a Favicon to Shopify

Shopify lets you upload a favicon through the theme editor. Shopify displays favicons at 32x32 in the browser tab, but upload a 512x512 PNG so it stays sharp on high-resolution screens.

Step 1 — Prepare your favicon

Generate a 512x512 PNG with the favicon generator. Shopify accepts PNG (recommended), JPG, and ICO.

Don't have a favicon yet

Steps

  1. In your Shopify admin go to Online Store → Themes
  2. Next to your live theme click Customize
  3. Open Theme settings (the gear icon)
  4. Find the Favicon or Logo / Favicon section and click Select image
  5. Upload your PNG and click Save

Troubleshooting

  • No favicon setting? Your theme may not expose one — switch to a supported theme or edit theme.liquid manually.
  • Not updating? Shopify CDN caches aggressively; changes can take a few minutes to appear.
  • Wrong format? Stick with PNG — some themes reject SVG or ICO.

Frequently Asked Questions

What size should a Shopify favicon be?+

Shopify shows favicons at 32x32, but upload 512x512 so it stays crisp on retina displays. Use PNG.

Does every Shopify theme support favicons?+

Most modern themes do via the theme editor. Free themes from older versions may not — in that case edit theme.liquid directly.

Can I use an SVG favicon on Shopify?+

Most themes only accept PNG/JPG/ICO in the editor. For SVG you'd need to edit the theme files and add the link tag manually.

Don't have a favicon yet?

Generate a complete favicon package first, then upload the right file in the steps above.

Don't have a favicon yet