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).

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

Explore FetchFavicon

Categories

Converters

Utilities

Guides

Tutorials