Square Threads アイコン

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

はい。Font Awesome 6 Brands icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

fa6-brands:square-threads

Square Threads アイコン(fa6-brands:square-threads)は、Font Awesome 6 Brands セットの無料 SVG アイコンです（作者: Dave Gandy）。 448 × 512 のグリッドで描かれています。 Font Awesome 6 Brands icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Font Awesome 6 Brands
作者: Dave Gandy
ライセンス: CC-BY-4.0
サイズ: 448 × 512
タグ: squarethreads、thread

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="448" height="512" viewBox="0 0 448 512"><path fill="currentColor" d="M64 32C28.7 32 0 60.7 0 96v320c0 35.3 28.7 64 64 64h320c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64zm230.2 212.3c19.5 9.3 33.7 23.5 41.2 40.9c10.4 24.3 11.4 63.9-20.2 95.4c-24.2 24.1-53.5 35-95.1 35.3h-.2c-46.8-.3-82.8-16.1-106.9-46.8c-21.5-27.3-32.6-65.4-33-113.1v-.2c.4-47.7 11.5-85.7 33-113.1c24.2-30.7 60.2-46.5 106.9-46.8h.2c46.9.3 83.3 16 108.2 46.6c12.3 15.1 21.3 33.3 27 54.4l-26.9 7.2c-4.7-17.2-11.9-31.9-21.4-43.6c-19.4-23.9-48.7-36.1-87-36.4c-38 .3-66.8 12.5-85.5 36.2c-17.5 22.3-26.6 54.4-26.9 95.5c.3 41.1 9.4 73.3 26.9 95.5c18.7 23.8 47.4 36 85.5 36.2c34.3-.3 56.9-8.4 75.8-27.3c21.5-21.5 21.1-47.9 14.2-64c-4-9.4-11.4-17.3-21.3-23.3c-2.4 18-7.9 32.2-16.5 43.2c-11.4 14.5-27.7 22.4-48.4 23.5c-15.7.9-30.8-2.9-42.6-10.7c-13.9-9.2-22-23.2-22.9-39.5c-1.7-32.2 23.8-55.3 63.5-57.6c14.1-.8 27.3-.2 39.5 1.9c-1.6-9.9-4.9-17.7-9.8-23.4c-6.7-7.8-17.1-11.8-30.8-11.9h-.4c-11 0-26 3.1-35.6 17.6l-23-15.8c12.8-19.4 33.6-30.1 58.5-30.1h.6c41.8.3 66.6 26.3 69.1 71.8c1.4.6 2.8 1.2 4.2 1.9zm-71.8 67.5c17-.9 36.4-7.6 39.7-48.8c-8.8-1.9-18.6-2.9-29-2.9q-4.8 0-9.6.3c-28.6 1.6-38.1 15.5-37.4 27.9c.9 16.7 19 24.5 36.4 23.6z"/></svg>

Square Threads アイコンの使い方

React

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

<Icon icon="fa6-brands:square-threads" width="24" />

Vue

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

<template>
  <Icon icon="fa6-brands:square-threads" width="24" />
</template>

Svelte

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

<Icon icon="fa6-brands:square-threads" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fa6-brands--square-threads]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fa6-brands -->
<div class="i-fa6-brands:square-threads"></div>

Web コンポーネント

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

<iconify-icon icon="fa6-brands:square-threads"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fa6-brands/square-threads.svg" alt="Square Threads アイコン" width="24" height="24">

Font Awesome 6 Brands の関連アイコン

他のアイコンセットの Square Threads アイコン

Square Threads アイコンのよくある質問

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

はい。Font Awesome 6 Brands icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Font Awesome 6 Brands アイコンをすべて見る →