Squarespace アイコン

Q: Squarespace アイコンは商用利用でも無料ですか?

はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

logos:squarespace

Squarespace アイコン(logos:squarespace)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 204 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: SVG Logos
作者: Gil Barbara
ライセンス: CC0-1.0
サイズ: 256 × 204

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="204" viewBox="0 0 256 204"><path fill="#1a1918" d="M162.931 40.67c-4.823-4.824-12.644-4.824-17.464 0L66.87 119.268c-9.651 9.643-25.287 9.643-34.931 0c-9.654-9.647-9.654-25.285 0-34.937L109.023 7.25c-9.646-9.649-25.288-9.649-34.934 0L14.467 66.87c-19.29 19.294-19.29 50.57 0 69.866c19.295 19.295 50.57 19.295 69.865 0l78.599-78.599c4.82-4.823 4.82-12.644 0-17.467m26.199-26.197c-19.295-19.297-50.57-19.297-69.865 0L40.67 93.067c-4.82 4.82-4.82 12.646 0 17.467c4.823 4.823 12.64 4.823 17.464 0l78.602-78.594c9.646-9.649 25.282-9.649 34.926 0c4.828 4.82 12.646 4.82 17.469 0c4.823-4.828 4.823-12.644 0-17.467m26.201 78.594c-4.823-4.818-12.646-4.818-17.469 0l-78.597 78.597c-9.646 9.646-25.287 9.646-34.933 0c-4.82-4.82-12.639-4.82-17.462 0c-4.83 4.825-4.83 12.646 0 17.464c19.287 19.295 50.57 19.295 69.865 0l78.596-78.594c4.82-4.82 4.82-12.646 0-17.467m26.202-26.196c-19.295-19.292-50.575-19.292-69.865 0L93.066 145.47c-4.823 4.818-4.823 12.644 0 17.464c4.826 4.826 12.647 4.826 17.467 0l78.597-78.597c9.643-9.648 25.287-9.648 34.931 0c9.646 9.647 9.646 25.285 0 34.932l-77.084 77.086c9.646 9.643 25.28 9.643 34.934 0l59.622-59.62c19.29-19.297 19.29-50.572 0-69.864"/></svg>

Squarespace アイコンの使い方

React

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

<Icon icon="logos:squarespace" width="24" />

Vue

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

<template>
  <Icon icon="logos:squarespace" width="24" />
</template>

Svelte

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

<Icon icon="logos:squarespace" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="logos:squarespace"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/logos/squarespace.svg" alt="Squarespace アイコン" width="24" height="24">

他のアイコンセットの Squarespace アイコン

Squarespace アイコンのよくある質問

Squarespace アイコンは商用利用でも無料ですか?

はい。SVG Logos icons は CC0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Squarespace アイコンを使うには?

@iconify/react をインストールして <Icon icon="logos:squarespace" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Squarespace アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/squarespace.svg" alt="Squarespace アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

SVG Logos アイコンをすべて見る →