squarespace logo

squarespace from Font Awesome Brands by Dave Gandy · Brand · CC-BY-4.0 Attribution required.

Name: squarespace
Set: Font Awesome Brands
Style: Brand
Viewbox: 640×640
License: CC BY 4.0

The same logo in other sets

squarespaceBoxicons Brands squarespaceCoreUI Brands squarespaceFont Awesome 6 Brands squarespaceJam Icons squarespaceLine Awesome squarespaceSVG Logos squarespaceSimple Icons

Use the squarespace logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M250.1 407.3c-9.7 9.7-9.7 25.3 0 34.9s25.3 9.6 34.9 0l157.3-157.1c19.3-19.3 50.6-19.3 69.9 0s19.3 50.6 0 69.9L358 509.1c19.3 19.3 50.5 19.3 69.8 0l119.3-119.2c38.6-38.6 38.6-101.1 0-139.7s-101.2-38.6-139.7 0zm244.6-104.8c-9.7-9.7-25.3-9.7-34.9 0L302.5 459.7c-19.3 19.3-50.5 19.3-69.8 0c-9.6-9.6-25.3-9.7-34.9 0c-9.7 9.6-9.7 25.3 0 34.9c38.6 38.6 101.1 38.6 139.7 0l157.2-157.1c9.6-9.7 9.6-25.3 0-34.9zm-262 87.3l157.2-157.1c9.6-9.6 9.6-25.3 0-34.9s-25.3-9.6-34.9 0L197.7 354.9c-19.3 19.3-50.6 19.3-69.9 0s-19.3-50.5 0-69.8L282 130.9c-19.3-19.3-50.5-19.3-69.8 0L93 250.2c-38.6 38.6-38.6 101.1 0 139.7s101.1 38.6 139.7 0zm-87.4-52.3c9.6 9.6 25.3 9.6 34.9 0l157.3-157.2c19.3-19.3 50.6-19.3 69.8 0c9.7 9.6 25.3 9.6 34.9 0s9.6-25.3 0-34.9c-38.6-38.6-101.1-38.6-139.7 0L145.3 302.5c-9.6 9.6-9.6 25.3 0 34.9z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsSquarespace(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M250.1 407.3c-9.7 9.7-9.7 25.3 0 34.9s25.3 9.6 34.9 0l157.3-157.1c19.3-19.3 50.6-19.3 69.9 0s19.3 50.6 0 69.9L358 509.1c19.3 19.3 50.5 19.3 69.8 0l119.3-119.2c38.6-38.6 38.6-101.1 0-139.7s-101.2-38.6-139.7 0zm244.6-104.8c-9.7-9.7-25.3-9.7-34.9 0L302.5 459.7c-19.3 19.3-50.5 19.3-69.8 0c-9.6-9.6-25.3-9.7-34.9 0c-9.7 9.6-9.7 25.3 0 34.9c38.6 38.6 101.1 38.6 139.7 0l157.2-157.1c9.6-9.7 9.6-25.3 0-34.9zm-262 87.3l157.2-157.1c9.6-9.6 9.6-25.3 0-34.9s-25.3-9.6-34.9 0L197.7 354.9c-19.3 19.3-50.6 19.3-69.9 0s-19.3-50.5 0-69.8L282 130.9c-19.3-19.3-50.5-19.3-69.8 0L93 250.2c-38.6 38.6-38.6 101.1 0 139.7s101.1 38.6 139.7 0zm-87.4-52.3c9.6 9.6 25.3 9.6 34.9 0l157.3-157.2c19.3-19.3 50.6-19.3 69.8 0c9.7 9.6 25.3 9.6 34.9 0s9.6-25.3 0-34.9c-38.6-38.6-101.1-38.6-139.7 0L145.3 302.5c-9.6 9.6-9.6 25.3 0 34.9z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M250.1 407.3c-9.7 9.7-9.7 25.3 0 34.9s25.3 9.6 34.9 0l157.3-157.1c19.3-19.3 50.6-19.3 69.9 0s19.3 50.6 0 69.9L358 509.1c19.3 19.3 50.5 19.3 69.8 0l119.3-119.2c38.6-38.6 38.6-101.1 0-139.7s-101.2-38.6-139.7 0zm244.6-104.8c-9.7-9.7-25.3-9.7-34.9 0L302.5 459.7c-19.3 19.3-50.5 19.3-69.8 0c-9.6-9.6-25.3-9.7-34.9 0c-9.7 9.6-9.7 25.3 0 34.9c38.6 38.6 101.1 38.6 139.7 0l157.2-157.1c9.6-9.7 9.6-25.3 0-34.9zm-262 87.3l157.2-157.1c9.6-9.6 9.6-25.3 0-34.9s-25.3-9.6-34.9 0L197.7 354.9c-19.3 19.3-50.6 19.3-69.9 0s-19.3-50.5 0-69.8L282 130.9c-19.3-19.3-50.5-19.3-69.8 0L93 250.2c-38.6 38.6-38.6 101.1 0 139.7s101.1 38.6 139.7 0zm-87.4-52.3c9.6 9.6 25.3 9.6 34.9 0l157.3-157.2c19.3-19.3 50.6-19.3 69.8 0c9.7 9.6 25.3 9.6 34.9 0s9.6-25.3 0-34.9c-38.6-38.6-101.1-38.6-139.7 0L145.3 302.5c-9.6 9.6-9.6 25.3 0 34.9z"/></svg>
</template>

CSS

.icon-squarespace {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M250.1%20407.3c-9.7%209.7-9.7%2025.3%200%2034.9s25.3%209.6%2034.9%200l157.3-157.1c19.3-19.3%2050.6-19.3%2069.9%200s19.3%2050.6%200%2069.9L358%20509.1c19.3%2019.3%2050.5%2019.3%2069.8%200l119.3-119.2c38.6-38.6%2038.6-101.1%200-139.7s-101.2-38.6-139.7%200zm244.6-104.8c-9.7-9.7-25.3-9.7-34.9%200L302.5%20459.7c-19.3%2019.3-50.5%2019.3-69.8%200c-9.6-9.6-25.3-9.7-34.9%200c-9.7%209.6-9.7%2025.3%200%2034.9c38.6%2038.6%20101.1%2038.6%20139.7%200l157.2-157.1c9.6-9.7%209.6-25.3%200-34.9zm-262%2087.3l157.2-157.1c9.6-9.6%209.6-25.3%200-34.9s-25.3-9.6-34.9%200L197.7%20354.9c-19.3%2019.3-50.6%2019.3-69.9%200s-19.3-50.5%200-69.8L282%20130.9c-19.3-19.3-50.5-19.3-69.8%200L93%20250.2c-38.6%2038.6-38.6%20101.1%200%20139.7s101.1%2038.6%20139.7%200zm-87.4-52.3c9.6%209.6%2025.3%209.6%2034.9%200l157.3-157.2c19.3-19.3%2050.6-19.3%2069.8%200c9.7%209.6%2025.3%209.6%2034.9%200s9.6-25.3%200-34.9c-38.6-38.6-101.1-38.6-139.7%200L145.3%20302.5c-9.6%209.6-9.6%2025.3%200%2034.9z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M250.1%20407.3c-9.7%209.7-9.7%2025.3%200%2034.9s25.3%209.6%2034.9%200l157.3-157.1c19.3-19.3%2050.6-19.3%2069.9%200s19.3%2050.6%200%2069.9L358%20509.1c19.3%2019.3%2050.5%2019.3%2069.8%200l119.3-119.2c38.6-38.6%2038.6-101.1%200-139.7s-101.2-38.6-139.7%200zm244.6-104.8c-9.7-9.7-25.3-9.7-34.9%200L302.5%20459.7c-19.3%2019.3-50.5%2019.3-69.8%200c-9.6-9.6-25.3-9.7-34.9%200c-9.7%209.6-9.7%2025.3%200%2034.9c38.6%2038.6%20101.1%2038.6%20139.7%200l157.2-157.1c9.6-9.7%209.6-25.3%200-34.9zm-262%2087.3l157.2-157.1c9.6-9.6%209.6-25.3%200-34.9s-25.3-9.6-34.9%200L197.7%20354.9c-19.3%2019.3-50.6%2019.3-69.9%200s-19.3-50.5%200-69.8L282%20130.9c-19.3-19.3-50.5-19.3-69.8%200L93%20250.2c-38.6%2038.6-38.6%20101.1%200%20139.7s101.1%2038.6%20139.7%200zm-87.4-52.3c9.6%209.6%2025.3%209.6%2034.9%200l157.3-157.2c19.3-19.3%2050.6-19.3%2069.8%200c9.7%209.6%2025.3%209.6%2034.9%200s9.6-25.3%200-34.9c-38.6-38.6-101.1-38.6-139.7%200L145.3%20302.5c-9.6%209.6-9.6%2025.3%200%2034.9z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-brands/squarespace.svg?color=%231a73e8&size=48