Effortlessly Enhance Your Squarespace Site with Google Icons - A Step-by-Step Guide

Weather you’re a seasoned Squarespace user or just getting started, this step-by-step guide will walk you through the process of adding a touch of visual flair to your website. It makes incorporating Google icons into your site a breeze! So, let’s dive right in and create a visually stunning and engaging website together.

1. Add this code below to your header:

   
   A.) Go to Settings > Advanced > Code Injection
   
   B.) Add this code:
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons"      rel="stylesheet">
   

2. Add a section of your choice in your Squarespace site and add a code block.
   

3. Insert the code below in the code block and the icon should now appear.
   <span class="material-icons">
   star
   </span>
   

4. You can change the sizing or color in the CSS section.
   Go to Home > Design > Custom CSS
   

5. Enter the code below (feel free to make changes here according to your liking):
   .material-icons {font-size:28px;}