How to Add a Favicon in Squarespace
Squarespace calls the favicon a Browser Icon (sometimes Site Icon). Upload a square PNG from Design settings and Squarespace injects the right <link> tags — no code required on standard plans.
Quick answer
To add a favicon in Squarespace, go to Design → Site Styles → Browser Icon, upload a square 512×512 PNG, save, and publish — use the Favicon Generator to create the file and the Favicon Checker to verify it loads on your live domain.
Check favicons on any website
Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.
Open your Squarespace dashboard, go to Design → Site Styles → Browser Icon (in some versions: Settings → Website → Browser Icon). Upload a square PNG — Squarespace accepts 100×100 minimum, but 512×512 gives the sharpest result after downscaling.
Use the Favicon Generator to export a square PNG from your logo, then upload it in the Browser Icon panel. Squarespace serves the icon from its CDN on every page automatically.
After saving, publish or refresh your site and open your live domain in a private window. Browsers cache favicons heavily — if you still see the old icon, hard-refresh or append ?v=2 once to the favicon URL.
If your Squarespace favicon is not showing, run your live URL through the Favicon Checker to confirm the Browser Icon path returns 200. Our favicon not showing troubleshooting guide covers cache, CDN, and path issues that also affect Squarespace sites.
Google Search needs a crawlable icon of at least 48×48 linked from your homepage. See our Google favicon requirements guide if your tab icon works but Google still shows a blank or outdated favicon.
Squarespace does not accept .ico uploads in the Browser Icon field — use PNG. For a separate favicon.ico at your domain root, you need a Business plan with custom code or an external redirect.
How it works
- 1
Create a square PNG
Export 512×512 from your logo with the Favicon Generator.
- 2
Upload Browser Icon
Design → Site Styles → Browser Icon → upload and save.
- 3
Publish and verify
Open your live site in a private window, or run the Favicon Checker to confirm the icon loads.
Try it now
Generate a Squarespace-ready favicon
Favicon GeneratorFAQ
How do I add a favicon in Squarespace?+
Go to Design → Site Styles → Browser Icon, upload a square PNG (512×512 recommended), save, and publish. Squarespace adds the <link rel="icon"> tags for you.
What size should a Squarespace favicon be?+
Squarespace accepts images as small as 100×100, but upload 512×512 PNG for crisp tabs, bookmarks, and Google Search eligibility.
Why is my Squarespace favicon not showing?+
Common causes: changes not published, browser cache, or viewing a staging preview instead of the live domain. Hard-refresh or test in an incognito window.
Where is the favicon setting in Squarespace?+
Design → Site Styles → Browser Icon. On older dashboards it may appear under Settings → Website → Browser Icon or Site Icon.
Can I use an ICO file in Squarespace?+
No for the built-in Browser Icon uploader — use PNG. ICO is only possible with custom code injection on eligible plans.