Squarespace Favicon Not Working: Troubleshooting & Quick Fixes

How to Upload a Favicon on Squarespace

The Correct Location

Go to Design > Browser Icon (or Design > Logo & Title > Browser Icon on some versions). Upload your favicon image. Squarespace accepts PNG, JPG, and ICO formats. The recommended size is 300x300 pixels - Squarespace automatically scales it down for different browser tab sizes. Save after uploading.

Image Requirements

Use a square image (1:1 aspect ratio). PNG with transparent background works best for most icons. The image should be a simplified version of your logo that reads clearly at 16x16 and 32x32 pixels - detailed logos with thin lines or small text will not be recognizable at favicon size.

Favicon Not Updating After Upload

Browser Cache (Most Common)

Browsers cache favicons more aggressively than any other website element. After uploading a new favicon, your browser may continue showing the old one for days or even weeks. This is not a Squarespace issue - it is how browsers handle favicon caching.

Quick fixes:

Hard refresh: Ctrl+Shift+R (Windows) or Cmd+Shift+R (Mac). This may not work for favicons specifically because they are cached at a different level than page content.

Clear full cache: Chrome > Settings > Privacy > Clear Browsing Data > Cached Images and Files. This sometimes works but browsers can cache favicons in multiple locations.

Direct favicon URL: Type yourdomain.com/favicon.ico in your browser address bar and hard refresh that specific page. This forces the browser to re-download the favicon file.

Different browser: Open your site in a browser you have not used before. If the new favicon appears, the issue is caching in your primary browser.

Incognito mode: Open incognito/private browsing. If the new favicon shows, your regular browser's cache is the problem - it will update eventually.

DNS Cache

If you recently connected a custom domain, the DNS cache may serve the old favicon from the previous hosting. This resolves on its own within 24 to 48 hours as DNS caches expire globally.

Favicon Not Appearing at All

Favicon Not Uploaded

Verify the favicon is actually uploaded. Go to Design > Browser Icon and check if an image is present. If the field is empty, upload your favicon image and save. Without an upload, Squarespace shows no favicon or a default browser icon.

Image Format Issue

If the uploaded image does not render as a favicon, the file may be corrupted or in an unsupported format. Try re-exporting the image from your design tool as a fresh PNG file at 300x300 pixels and re-uploading. SVG is not supported for favicons on Squarespace - use PNG instead.

Squarespace Subdomain vs. Custom Domain

If you are viewing your site on the Squarespace subdomain (yoursite.squarespace.com) and the favicon works, but it does not work on your custom domain, the custom domain's SSL certificate may not be fully provisioned yet. Wait 24 to 72 hours after connecting a new domain for the favicon to appear correctly.

Favicon on Mobile Devices

Mobile Home Screen Icons

When visitors add your site to their mobile home screen, the device uses a larger version of your icon. Squarespace's favicon upload handles this automatically if your uploaded image is 300x300 pixels or larger. Smaller images may appear blurry on mobile home screens.

Favicon Not Showing on Mobile Browsers

Mobile browsers (Safari, Chrome) cache favicons differently than desktop. If the favicon does not appear on mobile, clear the mobile browser's cache (Settings > Safari > Clear History and Website Data on iOS, or Chrome > Settings > Privacy > Clear Browsing Data on Android). For mobile optimization, our guide to Squarespace mobile optimization covers browser-specific behaviors.

Favicon Best Practices

Keep it simple. The favicon displays at 16x16 or 32x32 pixels. Only the simplest shapes and colors are recognizable at that size. Use a single letter, a simple icon, or a bold graphic - not your full logo with text.

Use your brand's primary color. The favicon should be instantly recognizable as your brand. Use your primary brand color and a simple shape that visitors associate with your business.

Upload at 300x300 pixels. This gives Squarespace enough resolution to generate crisp favicons at every display size - browser tabs, bookmarks, and mobile home screens.

Use PNG with transparent background. This ensures the favicon looks clean against any browser tab background color (light or dark mode). JPEG favicons have white or colored backgrounds that may clash with the browser interface.

Test after uploading. Check the favicon in multiple browsers and on mobile. Allow time for cache to update. Ask someone who has not visited your site before to check - their browser will show the current favicon without caching issues. For design consistency, our Squarespace design tips guide covers branding elements including favicon. For broader site setup, our guide to customizing your Squarespace website covers the complete brand configuration workflow. For SEO metadata, our Squarespace SEO guide covers all visual identity settings.

Troubleshooting Process

1. Verify upload. Is a favicon image uploaded in Design > Browser Icon?

2. Test in incognito. Does the correct favicon appear in a fresh incognito window?

3. Test in a different browser. Does the favicon show in a browser you rarely use?

4. Check the direct URL. Visit yourdomain.com/favicon.ico - does the correct image load?

5. Clear browser cache completely. Not just history - specifically cached images and files.

6. Wait. Favicon caching can take hours to days to update. If the favicon is correct in incognito, your regular browser will update eventually.

7. Re-upload. If none of the above works, delete the current favicon, save, then re-upload a fresh PNG file and save again.

Upload It Right, Then Wait for Cache

Favicon issues on Squarespace come down to two things: uploading the image correctly and understanding browser caching. Upload a 300x300 PNG with transparent background in Design > Browser Icon. Then test in incognito to confirm it works. If it shows in incognito, your favicon is correct - your regular browser just needs time to update its cache.

Do not re-upload, delete, or troubleshoot further if the incognito test passes. The cache will catch up.