How to Add a Favicon to Squarespace
Squarespace calls favicons "Browser Icons". Upload one in site settings — Squarespace recommends at least 100x100, but 512x512 PNG looks best. Note the menu location differs between Squarespace versions (Design → Browser Icon vs Settings → General → Browser Icon).
Step 1 — Prepare your favicon
Generate a 512x512 PNG with the favicon generator. Squarespace accepts PNG, JPG, and GIF; only one favicon image is used.
Don't have a favicon yetSteps
- In Squarespace open Settings (the gear)
- Go to Design → Browser Icon (newer versions: Settings → General → Browser Icon)
- Click the icon box and upload your square PNG
- Crop if prompted, then click Save
- Verify it appears in your browser tab
Troubleshooting
- Can't find the setting? Your version may use Settings → General → Browser Icon instead of Design.
- Not updating? Hard-refresh and clear Squarespace's built-in cache.
- Looks stretched? Squarespace uses one image — make sure your source is perfectly square.
Frequently Asked Questions
What size should a Squarespace favicon be?+
Minimum 100x100, but upload 512x512 PNG for the sharpest result across retina screens and bookmarks.
Can I use multiple favicon sizes on Squarespace?+
No — Squarespace uses a single Browser Icon image and resizes it. Upload one high-resolution square PNG.
Does the favicon affect SEO on Squarespace?+
Indirectly. It appears next to your site in search results and tabs, improving click-through and brand recognition.
Don't have a favicon yet?
Generate a complete favicon package first, then upload the right file in the steps above.
Don't have a favicon yet