Add a Favicon in Squarespace

You’ve probably noticed that tiny icon next to the website name in your browser tab — it’s called a favicon (short for “favorite icon”). It’s a small detail, but it packs a big branding punch.

Adding a favicon to your Squarespace site is super simple — and yes, you should absolutely do it.

Why Favicons Matter (Even Though They’re Tiny)

Here’s why it’s worth adding one:

• It makes your site look more professional

• Helps people recognize your brand at a glance

• Keeps your site from looking like “just another template”

• Appears in browser tabs, bookmarks, search results, and mobile previews

No favicon? Your site might show a default globe or the Squarespace logo — not ideal when you’re trying to build trust.

What Your Favicon Should Be

It’s usually your:

• Logo (or a simplified version of it)

• Brand icon or monogram

• Custom graphic that fits your vibe

✅ Make sure it’s clear even at a tiny size. Too much detail will just blur.

File Format & Size Guidelines

Before uploading, check these requirements:

• File type: .png, .ico, .jpg, or .gif

• Recommended size: 100×100 pixels or larger (Squarespace will resize it)

• Keep it square for best results

• Transparent background (.png) usually looks cleaner

How to Add Your Favicon in Squarespace

Here’s the quick step-by-step:

1. Go to your Home Menu

2. Click Design → Browser Icon (Favicon)

3. Upload your image file

4. Hit Save

Boom — you’re branded.

It can take a few minutes (or hours) for the new icon to show up everywhere, so don’t worry if it doesn’t appear instantly.

Want to Check If It Worked?

Open your site in a new browser tab (or incognito/private window) and look at the top left. If you see your new icon instead of the default globe or Squarespace logo, you’re good to go.

You can also bookmark your site and see if your favicon shows up there.

Bonus: Keep It Consistent Everywhere

Your favicon is part of your visual identity. If you’ve got a strong logo and brand system, make sure your favicon matches. Little touches like this make your site feel cohesive, custom, and legit.

Final Thought

Think of a favicon like a signature or stamp — it’s a small but powerful way to make your site feel fully yours.