Shopify

How to Add a Favicon to Shopify

Every Shopify store should have a custom favicon instead of the default Shopify icon. A favicon appears in browser tabs, bookmarks, and mobile home screens — it's one of the simplest ways to make your store look professional. Shopify makes this easy through the theme editor.

Step 1: Prepare Your Favicon Image

Shopify accepts PNG, JPG, and SVG formats for favicons. The recommended size is a square image of at least 32x32 pixels, though Shopify recommends 32x32 specifically. For the best results across all devices, use a 512x512 PNG and let Shopify resize it. Create your favicon with our favicon generator or favicon converter. The favicon-32x32.png file from our generator works perfectly.

Step 2: Open the Theme Editor

From your Shopify admin, go to Online Store → Themes. Click the Customize button on your current theme. This opens the theme editor where you can modify your store's appearance.

Step 3: Navigate to Theme Settings

In the theme editor, click on Theme settings (the gear icon at the bottom of the left sidebar). Then click on Favicon to expand the favicon settings section.

Step 4: Upload Your Favicon

Click Select image in the Favicon section. Upload your favicon image from your computer. Once uploaded, you should see a preview of your favicon in the editor.

Step 5: Save and Verify

Click Save in the top right corner. Open your store in a new browser tab (or an incognito window) to verify the favicon appears in the browser tab. It may take a few minutes for the change to propagate.

Troubleshooting

• Favicon not showing? Clear your browser cache and hard refresh (Ctrl+Shift+R on Windows, Cmd+Shift+R on Mac).
• Favicon appears blurry: Your source image may be too small. Upload an image that's at least 32x32 pixels, ideally 512x512 for crisp display on all devices.
• Old favicon still showing: Browser caching is aggressive for favicons. Try opening your store in an incognito/private window to see the update immediately.
• Favicon not showing on mobile: Mobile browsers cache favicons separately. Clear your mobile browser data, or add your store to the home screen to see the updated icon.

Shopify Favicon FAQ

What size should a Shopify favicon be?

Shopify recommends 32x32 pixels for favicons. However, uploading a larger image (like 512x512) gives Shopify more flexibility to generate sizes for different devices. Square images work best — non-square images will be cropped.

What format should my Shopify favicon be?

Shopify accepts PNG, JPG, and SVG formats. PNG is recommended because it supports transparency and produces crisp results at small sizes. If your logo has a transparent background, PNG is the only option that preserves it.

Can I add a favicon to a free Shopify theme?

Yes. Favicon support is built into all Shopify themes, including free ones. The process is the same regardless of which theme you use.