How do I add a favicon to my Squarespace site?
Quick guide to adding a favicon (browser tab icon) to your Squarespace site, including size requirements and design recommendations.
To add a favicon on Squarespace, go to Design, then Browser Icon (Favicon), and upload a square image. Squarespace recommends an image that is at least 300 by 300 pixels — the platform will automatically resize it for different devices and browsers. Use a PNG file with a transparent background for the cleanest look across light and dark browser interfaces.
Your favicon should be a simplified version of your logo or a recognizable brand mark. Since favicons display at very small sizes (16 by 16 pixels in most browser tabs), detailed logos will be unreadable. Use a single letter, a simple icon, or a bold shape that represents your brand. If your logo is text-heavy, use just the first letter or initials in your brand colors.
A professional favicon is a small detail that makes a real difference. It appears in browser tabs, bookmarks, browser history, and mobile home screen shortcuts. A site without a favicon uses the Squarespace default icon, which immediately signals that the site owner did not pay attention to detail. It takes five minutes to add and is one of the easiest ways to make your site look more professional.
Related Questions
Ready to build your website?
Browse our collection of premium Squarespace templates designed specifically for service businesses.
Browse Templates