Squarespace icon

file-icons:squarespace

The Squarespace icon (file-icons:squarespace) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 512 × 512 grid. File Icons are released under the ISC license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: File Icons
Author: John Gardner
License: ISC
Size: 512 × 512

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M322.284 160.383L160.37 322.298C70.372 407.301-56.907 279.523 27.887 189.816L158.14 59.563c16.19-15.647 40.384 7.329 24.535 24.534L52.42 214.351c-53.713 58.905 27.877 135.942 83.414 83.413L297.75 135.848c16.199-15.383 40.407 6.829 24.534 24.535m53.98-78.514c-36.525-36.526-95.956-36.514-132.481.012L81.867 243.796c-15.874 15.188 7.522 41.004 24.534 24.534l161.915-161.915c23.001-23 60.425-23 83.414-.012c16.378 15.192 39.972-6.793 24.534-24.534m29.434 161.928L243.783 405.712c-23.001 23-60.425 23-83.414.012c-16.625-15.477-40.25 6.901-24.534 24.533c36.525 36.526 95.956 36.514 132.481-.011L430.232 268.33c15.897-17.619-8.234-39.829-24.534-24.534m-53.968-53.968L189.814 351.744c-15.727 16.614 7.837 40.52 24.534 24.534l161.916-161.916c57.514-53.016 136.656 24.959 83.414 83.414L329.424 428.03c-15.816 18.313 7.636 39.306 24.534 24.534L484.212 322.31c83.81-93.568-40.025-216.687-132.482-132.481"/></svg>

How to use the Squarespace icon

React

import { Icon } from "@iconify/react";

<Icon icon="file-icons:squarespace" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="file-icons:squarespace" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="file-icons:squarespace" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--squarespace]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:squarespace"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="file-icons:squarespace"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/file-icons/squarespace.svg" alt="Squarespace icon" width="24" height="24">

Squarespace icon in other icon sets

Squarespace icon FAQ

Is the Squarespace icon free for commercial use?

Yes. File Icons are released under the ISC license, which allows use in personal and commercial projects.

How do I use the Squarespace icon in React?

Install @iconify/react and render <Icon icon="file-icons:squarespace" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Squarespace icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/squarespace.svg" alt="Squarespace icon">, or paste the SVG code inline to style it with CSS.

Browse all File Icons →