Table of Contents
Adding a custom favicon and branding icons can significantly enhance the professional appearance of your Squarespace website. It helps visitors recognize your brand instantly and creates a cohesive look across all devices. In this article, we’ll walk through the simple steps to upload and set your own icons.
Understanding Favicons and Branding Icons
A favicon is a small icon displayed in the browser tab next to the page title. Branding icons, such as social media icons or app icons, are used across various platforms to promote brand consistency. Customizing these elements ensures your site stands out and aligns with your branding strategy.
Steps to Add a Custom Favicon in Squarespace
Follow these easy steps to upload your own favicon:
- Log in to your Squarespace account and go to your website dashboard.
- Navigate to Design > Logo & Title.
- Scroll down to the Browser Icon (Favicon) section.
- Click Upload an Image and select your favicon file. Ensure it is a square image, ideally 32×32 pixels or 16×16 pixels, in PNG, ICO, or SVG format.
- Click Save to apply the changes.
Adding Custom Branding Icons
To add custom branding icons, such as social media icons or app icons, you can embed images or use third-party integrations. Here’s a basic method to add social media icons:
- Go to Pages or Site Header where you want to display icons.
- Use Content Blocks to add images or icon links.
- Insert your custom icons as images or SVGs, linking them to your social profiles.
- Arrange and style them for consistency with your branding.
For more advanced branding icons, consider using third-party services like Font Awesome or custom code injection to embed icon fonts directly into your site.
Final Tips
Ensure your icons are optimized for web use to prevent slow load times. Always preview your site after making changes to verify that icons display correctly across different browsers and devices. Consistent branding enhances your site’s professionalism and trustworthiness.