Guide

Favicon for Shopify

Shopify lets you upload a favicon from the theme editor in seconds. Use a square 32×32 PNG (or a 512×512 source that Shopify will resize).

Check favicons on any website

Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.

Install Chrome Extension

Every modern Shopify theme exposes a Favicon setting in the Theme Editor → Theme Settings. Upload once and it ships across every storefront page.

Older custom themes may need a manual <link rel="icon"> tag in theme.liquid. Either way, host the icon on Shopify's CDN to keep page loads fast.

How it works

  1. 1

    Online Store → Themes → Customize

    Open your live theme.

  2. 2

    Theme Settings → Favicon

    Upload a 512×512 PNG.

  3. 3

    Save

    Shopify regenerates the right sizes and updates every page.

Try it now

Generate a Shopify-ready favicon

Favicon Generator

FAQ

What size favicon for Shopify?+

32×32 minimum, 512×512 recommended. Shopify will downscale automatically.

Why does my favicon look fuzzy?+

You probably uploaded a non-square image. Crop to a perfect square before uploading.

Can I A/B test favicons?+

Not natively, but you can swap the asset in the theme editor at any time.

Related tools

Related guides

Guides