Where do I add a favicon in Squarespace?

Under Design, then Logo & Title, in the Browser Icon (Favicon) field. Upload a square image and save. Some plans surface it under Settings, then Website, then Website Tools.

What size favicon does Squarespace recommend?

At least 300x300px and square. Uploading 512x512px gives Squarespace cleaner pixels to downscale from for a sharper tab icon.

Can I add an Apple touch icon in Squarespace?

The built-in Browser Icon field only sets the browser favicon. Full Apple touch and PWA icon support requires code injection, which is limited and varies by plan.

Why is my Squarespace favicon not changing?

Save the Browser Icon, reload the live site (not the editor), and hard-refresh or use a private window. Browser favicon caching is the usual cause of a stale icon.

All platforms

Favicon for Squarespace

How to add a favicon in Squarespace

To add a favicon in Squarespace 7.1, go to Settings, then Design (or Website, then Website Tools), open Logo & Title, and upload an image to the Browser Icon (Favicon) field. Use a square image at least 300x300px; Squarespace handles the rest.

What you need

A square image; Squarespace recommends at least 300x300px (use 512x512 to be safe).
Squarespace generates the tab icon and adds the markup automatically.
For full Apple/PWA control you would need code injection, which Squarespace limits.

Step-by-step: add a favicon in Squarespace

Open Logo & Title. In your Squarespace site, go to the editing menu, then Design, then Logo & Title. (In some versions: Settings, then Website, then Website Tools.)
Upload the Browser Icon. Find the Browser Icon (Favicon) field, click to upload, and choose a square image of at least 300x300px.
Save. Click Save. The favicon appears in the browser tab on the live site after a refresh.

Common mistakes to avoid

Uploading a wide logo with text - it becomes unreadable at 16x16. Use a square symbol.
Using an image under 300x300, which Squarespace upscales into a blurry icon.
Expecting Apple touch and maskable icon controls; the built-in field only sets the browser icon.
Not waiting for the cache; the new icon can take a refresh or a private window to appear.

Free forever, no sign-up

Generate a complete icon set for Squarespace

One logo in, every file out: favicon.ico, the PNG sizes, the Apple touch icon, Android and PWA icons, a maskable icon, the web manifest, and a copy-paste snippet ready for Squarespace. Free, private, and generated in your browser.

Open the generator

Frequently asked questions

Where do I add a favicon in Squarespace?: Under Design, then Logo & Title, in the Browser Icon (Favicon) field. Upload a square image and save. Some plans surface it under Settings, then Website, then Website Tools.
What size favicon does Squarespace recommend?: At least 300x300px and square. Uploading 512x512px gives Squarespace cleaner pixels to downscale from for a sharper tab icon.
Can I add an Apple touch icon in Squarespace?: The built-in Browser Icon field only sets the browser favicon. Full Apple touch and PWA icon support requires code injection, which is limited and varies by plan.
Why is my Squarespace favicon not changing?: Save the Browser Icon, reload the live site (not the editor), and hard-refresh or use a private window. Browser favicon caching is the usual cause of a stale icon.

Favicon guides for other platforms

New to favicons? Read the complete favicon guide and the icon size cheatsheet, or jump straight to the favicon generator.