FaviconStudio

Shopify Favicon

Add or change your Shopify store's favicon in under 2 minutes. Create the perfect icon free — no design skills needed.

Step 1 — Create Your Favicon

Generate a professional favicon from text, your logo, or an emoji. Download as PNG ready for Shopify.

Create Favicon Free →

How to Add a Favicon to Shopify (5 Steps)

  1. 1

    Create your favicon above

    Use the FaviconStudio generator to create your favicon. Download the PNG file (32×32 or 512×512 — Shopify will resize it).

  2. 2

    Log in to Shopify Admin

    Go to your Shopify admin dashboard at yourstore.myshopify.com/admin.

  3. 3

    Go to Online Store → Themes

    In the left sidebar click Online Store, then Themes. Next to your active theme click the Customize button.

  4. 4

    Open Theme Settings → Favicon

    Inside the customizer, click the gear icon (Theme Settings) at the bottom left. Scroll to find the Favicon section and click Select Image.

  5. 5

    Upload and Save

    Upload your PNG favicon file. Click Save in the top right. Then hard-refresh your browser (Ctrl+Shift+R / Cmd+Shift+R) to see the updated favicon in your browser tab.

What Size Should a Shopify Favicon Be?

Shopify accepts PNG or ICO files. The minimum is 32×32 pixels for browser tabs, but we recommend starting at 512×512 so Shopify can resize it cleanly to every context.

ContextSizeFormat
Browser tab32×32 pxPNG / ICO
iOS home screen180×180 pxPNG
Android / PWA install192×192 + 512×512 pxPNG
Shopify admin upload (recommended)512×512 pxPNG

Shopify Favicon Not Showing?

  • 1.Hard refresh: Ctrl+Shift+R (Windows) or Cmd+Shift+R (Mac). Browsers cache favicons aggressively.
  • 2.Incognito window: Open your store in a private window to bypass all caches.
  • 3.Check the file: Make sure your upload is PNG or ICO — Shopify does not accept SVG in the favicon field.
  • 4.Theme conflict: Some themes have a hardcoded favicon. Check your theme.liquid for a <link rel="icon"> tag that might override the setting.

Run a full check with the free favicon checker →

FAQ — Shopify Favicon

What size should a Shopify favicon be?▾
Shopify recommends a 32×32 pixel PNG or ICO file for browser tabs. For best results across all contexts including mobile home screens, create a 512×512 PNG source and let the generator produce all required sizes.
How do I add a favicon to my Shopify store?▾
Go to Shopify Admin → Online Store → Themes → Customize → Theme Settings → Favicon. Upload your image (PNG or ICO recommended). Click Save and then hard-refresh your browser to see it.
Why is my Shopify favicon not showing?▾
Browser cache is the most common cause. After uploading, do a hard refresh (Ctrl+Shift+R on Windows, Cmd+Shift+R on Mac). If still not showing, clear browser cache completely or open in an incognito window.
Does Shopify support SVG favicons?▾
Shopify's theme customizer accepts PNG and ICO files for the favicon field. For SVG support you would need to edit your theme code directly and add the link tag to your theme.liquid head section.
Guide
WordPress Favicon Guide
Guide
How to Add a Favicon (HTML)
Blog
Favicon Sizes 2026