Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 1

How long does it take for a custom favicon to show up on your site?



  • Answers 15
  • Created
  • Last Reply

15 answers to this question

Recommended Posts

Clear your browser cache and it should appear instantly.

Founder at Squarefront, the global community of Squarespace builders. I'm building products and services for the Squarespace platform and documenting everything on YouTube. I've been working with the platform since 2008 and my work with Squarespace led to me being hired by Uber where I spent over 5 years working on the web, design and content platform teams. 

Need help with Squarespace? Send me an email! Otherwise connect with me on TwitterInstagram, or Linkedin.

Link to comment

If you clear your cache, the favicon you uploaded should appear. The only exception I know of is if the browser you're using doesn't support favicons. Try re-uploading the favicon with the correct dimensions, then refresh your browser.

Tyler E. West is a 21st century digital native who writes about the art of human enterprise, government redesign and the future of the internet.

Link to comment

Favicons are squirrely little boogers aren't they?!

I've got a blog post here: http://www.sqsp.guru/news/how-to-force-refresh-a-favicon-in-squarespace-6 that shows you step by step how to force refresh a favicon.

Your browser doesn't fetch the favicon file if one is already in cache for the website...so while the new favicon shows up for your new website visitors you'll still see the old one. But check out that blog post and it will show you how to force refresh the favicon.

I run the Squarespace Guru blog (www.sqsp.guru) and host the Squarespace Guru podcast.

Link to comment

None of these answers is correct.

Favicons are not always "favicon.ico" in the root. That was true in the 90s.

Squarespace support for custom favicons is broken. The template code (in the header element, it's a link with rel="shortcut icon") always uses favicon.ico as the name of the file. This is wrong. You need to change the filename when you change the icon so that the browser knows to invalidate its cached version. Annoyingly, I have yet to find a way to remove the reference to favicon.ico from the Squarespace templates. Adding a second entry using the Code Injection page and pointing to another file I've uploaded works for Chrome (which happens to use the last icon reference it encounters) but not for IE (which happens to use the first, apparently).

It's also annoying that Squarespace is full of incorrect statements like "IE won't display PNG favicons." This is clearly untrue, but what it likely means to say is "old versions of IE (and other browsers) won't use PNG favicons."


Link to comment


This topic is now archived and is closed to further replies.

  • Create New...