Easy Tech TutsHow to Add an Arrow in Squarespace, Make DIY Arrows 2026
By Impran M N
Squarespace doesn't include built-in arrow icons, but you can create your own using the Shape block to guide visitors toward a call-to-action or highlight key content. This guide covers combining a square and a diamond shape to form a simple custom arrow.
01Log in and enter edit mode
Sign in to Squarespace, select your site, and click Edit to enter the editing interface.
02Add a square shape for the arrow shaft
Click Add Block, choose Shape, click the Edit icon, and select Square. Stretch it horizontally to form the arrow's shaft.
03Add a diamond shape for the arrowhead
Click Add Block again, choose Shape, and select Diamond from the dropdown to serve as the tip of the arrow.
04Resize and align the shapes
Resize and reposition the diamond so it fits naturally with the square, rotating it if needed to point in the right direction.
05Save your custom arrow
Once the shapes are aligned and visually balanced, click Save to publish the arrow on your page.
Frequently asked questions
Does Squarespace have a built-in arrow icon?
No, there's no native arrow icon, which is why combining a square and diamond shape is the standard DIY workaround.
What can I use a custom arrow for?
It's useful for guiding visitors toward a call-to-action, enhancing navigation, or creating stylized section breaks.
Can I change the color of my custom arrow?
Yes, both the square and diamond shapes can be styled with different colors and sizes to match your branding.
What if my arrow doesn't line up correctly?
Squarespace's drag-and-drop interface makes it easy to delete and retry positioning the shapes until they align.
Watch the full walkthrough
The same steps, demonstrated on screen from start to finish.
