How to Add a Favicon to Your Shopify Store (2026 Guide)

To add a favicon to your Shopify store: Go to Online Store → Themes → Customize → Theme Settings → Favicon, upload a 32x32 PNG image, and click Save. Your favicon will appear in browser tabs immediately after saving.

Below you'll find complete specifications, step-by-step instructions, and solutions to common problems.

Shopify Favicon Requirements

Before uploading, ensure your favicon meets these specifications:

Requirement	Specification
Size	32 x 32 pixels (recommended)
Format	PNG or ICO
Background	Transparent (optional but recommended)
File size	Under 1 MB

Note: Shopify automatically resizes larger images to 32x32 pixels, which may cause quality loss. Create your favicon at the correct size for best results.

Shopify Plan Requirements

Not all Shopify plans support favicon customization:

Starter Plan: No favicon support
Basic Plan and higher: Full favicon support

If you're on the Starter plan, you'll need to upgrade to add a custom favicon.

Step 1: Access Theme Customizer

Log in to your Shopify admin panel
Navigate to Online Store → Themes
Find your current theme and click Customize

Step 2: Open Theme Settings

In the theme editor, look for the gear icon or Theme Settings in the sidebar
Click to expand the settings panel
Scroll down to find Favicon or Logo section (location varies by theme)

Step 3: Upload Your Favicon

Click Select image in the Favicon section
Choose your favicon file from your computer
Alternatively, click Explore free images to use Shopify's built-in library
Click Done to confirm your selection

Step 4: Add Alt Text (SEO Best Practice)

After uploading your favicon:

Hover over the uploaded image
Click the pencil icon to edit
Enter descriptive alt text (e.g., "Your Brand Name logo")
This improves accessibility and may benefit SEO

Step 5: Save and Verify

Click Save in the top right corner
Open your store in a new browser tab
Check that the favicon appears in the browser tab

Advanced: Adding Favicon via Theme Code

For more control, you can add a favicon directly to your theme code:

Go to Online Store → Themes → Actions → Edit code
Upload your favicon to the Assets folder
Open theme.liquid in the Layout folder
Add this code inside the <head> section:

<link rel="icon" type="image/png" href="{{ 'favicon.png' | asset_url }}">

Replace favicon.png with your actual filename.

Favicon Design Tips for Ecommerce

Your favicon represents your brand at 32x32 pixels. Here's how to make it work:

Do's

Use a simplified version of your logo
Choose high-contrast colors
Keep the design bold and simple
Use your brand's primary color
Test visibility on both light and dark browser themes

Don'ts

Avoid text (it's unreadable at small sizes)
Skip intricate details or patterns
Don't use photos or complex imagery
Avoid low-contrast color combinations

Creating Favicon Sizes for Different Devices

While Shopify only requires 32x32, consider creating multiple sizes for optimal display:

Size	Use Case
16x16	Browser tabs (standard)
32x32	Browser tabs (retina)
180x180	Apple Touch Icon (iOS home screen)
192x192	Android home screen
512x512	PWA splash screens

Use a favicon generator tool to create all sizes from a single high-resolution image.

Troubleshooting: Favicon Not Showing

Clear Browser Cache

Browsers cache favicons aggressively. Try these solutions:

Hard refresh: Press Cmd+Shift+R (Mac) or Ctrl+Shift+R (Windows)
Incognito mode: Open your store in a private browsing window
Clear cache: Go to browser settings and clear cached images

Check Theme Settings

Verify the favicon uploaded correctly in Theme Settings
Some themes have separate mobile favicon settings
Try re-uploading the image

Verify File Format

Ensure your file is PNG or ICO format
JPEG files may not work correctly
Check that the file isn't corrupted

Wait for Propagation

After saving, changes may take a few minutes to appear. If using a CDN or caching app, you may need to clear that cache as well.

Favicon Not Showing in Google Search Results?

If your favicon appears in browser tabs but not in Google search results:

Submit your sitemap to Google Search Console
Request indexing for your homepage
Wait for Google to crawl your site (can take days or weeks)
Ensure your site isn't blocking favicon access in robots.txt

Google has specific requirements for search result favicons:

Must be at least 48x48 pixels (Google upscales if needed)
Must be accessible to Googlebot
Should represent your brand, not generic icons

Why Your Shopify Store Needs a Favicon

A favicon isn't just decoration—it serves real business purposes:

Brand Recognition

Customers with multiple tabs open can instantly identify your store. This is especially valuable for returning visitors.

Professional Appearance

Stores without favicons display a generic browser icon, making them look unfinished or amateur.

Improved Bookmarking

When customers bookmark your store, your favicon appears in their bookmarks bar, keeping your brand visible.

Trust Signal

A custom favicon signals attention to detail, subtly increasing customer confidence in your store.

Using Favicon.im to Generate Your Shopify Favicon

Need to quickly create or resize a favicon? Use our free tools:

Visit the Favicon Generator to convert any image to favicon format
Upload your logo or brand image
Download the correctly-sized favicon
Upload to Shopify following the steps above

FAQ

How do I add a favicon to my Shopify store?

Go to Online Store → Themes → Customize → Theme Settings, find the Favicon section, upload a 32x32 PNG image, and click Save.

What size should a Shopify favicon be?

Shopify recommends 32x32 pixels. Larger images will be automatically resized, which may reduce quality.

Why isn't my Shopify favicon showing?

Common causes: browser cache (try hard refresh or incognito mode), incorrect file format (use PNG or ICO), or theme settings issue (re-upload the image).

Can I add a favicon on Shopify Starter plan?

No, favicon customization requires the Basic plan or higher. Starter plan stores display the default Shopify icon.

How long until my favicon appears in Google?

Google updates favicons on its own schedule, typically days to weeks. Submit your sitemap to Google Search Console and request indexing to speed up the process.

Summary

Adding a favicon to Shopify takes less than 2 minutes:

Open Theme Settings in the customizer
Find the Favicon section
Upload a 32x32 PNG image
Add alt text for SEO
Save and verify

A small icon with significant impact on your store's professionalism and brand recognition.