Threads Dark アイコン

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

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

thesvg-color:threads-dark

Threads Dark アイコン(thesvg-color:threads-dark)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 192 × 192 のグリッドで描かれています。 theSVG Color icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: theSVG Color
作者: thesvg.org
ライセンス: MIT
サイズ: 192 × 192
タグ: threadsdark、thread

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" viewBox="0 0 192 192"><path fill="#fff" d="M141.537 88.988a67 67 0 0 0-2.518-1.143c-1.482-27.307-16.403-42.94-41.457-43.1h-.34c-14.986 0-27.449 6.396-35.12 18.036l13.779 9.452c5.73-8.695 14.724-10.548 21.348-10.548h.229c8.249.053 14.474 2.452 18.503 7.129c2.932 3.405 4.893 8.111 5.864 14.05c-7.314-1.243-15.224-1.626-23.68-1.14c-23.82 1.371-39.134 15.264-38.105 34.568c.522 9.792 5.4 18.216 13.735 23.719c7.047 4.652 16.124 6.927 25.557 6.412c12.458-.683 22.231-5.436 29.049-14.127c5.178-6.6 8.453-15.153 9.899-25.93c5.937 3.583 10.337 8.298 12.767 13.966c4.132 9.635 4.373 25.468-8.546 38.376c-11.319 11.308-24.925 16.2-45.488 16.351c-22.809-.169-40.06-7.484-51.275-21.742C35.236 139.966 29.808 120.682 29.605 96c.203-24.682 5.63-43.966 16.133-57.317C56.954 24.425 74.204 17.11 97.013 16.94c22.975.17 40.526 7.52 52.171 21.847c5.71 7.026 10.015 15.86 12.853 26.162l16.147-4.308c-3.44-12.68-8.853-23.606-16.219-32.668C147.036 9.607 125.202.195 97.07 0h-.113C68.882.194 47.292 9.642 32.788 28.08C19.882 44.485 13.224 67.315 13.001 95.932L13 96v.067c.224 28.617 6.882 51.447 19.788 67.854C47.292 182.358 68.882 191.806 96.957 192h.113c24.96-.173 42.554-6.708 57.048-21.189c18.963-18.945 18.392-42.692 12.142-57.27c-4.484-10.454-13.033-18.945-24.723-24.553M98.44 129.507c-10.44.588-21.286-4.098-21.82-14.135c-.397-7.442 5.296-15.746 22.461-16.735a100 100 0 0 1 5.79-.169c6.235 0 12.068.606 17.371 1.765c-1.978 24.702-13.58 28.713-23.802 29.274" class="x19hqcy"/></svg>

Threads Dark アイコンの使い方

React

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

<Icon icon="thesvg-color:threads-dark" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:threads-dark" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:threads-dark" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--threads-dark]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:threads-dark"></div>

Web コンポーネント

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

<iconify-icon icon="thesvg-color:threads-dark"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg-color/threads-dark.svg" alt="Threads Dark アイコン" width="24" height="24">

theSVG Color の関連アイコン

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

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

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

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

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

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

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

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

theSVG Color アイコンをすべて見る →