Threads Light アイコン
selfhst:threads-light
Threads Light アイコン(selfhst:threads-light)は、selfh.st/icons セットの無料 SVG アイコンです（作者: selfh.st）。 512 × 512 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- selfh.st/icons
- 作者
- selfh.st
- ライセンス
- CC-BY-4.0
- サイズ
- 512 × 512
- タグ
- threadslight、thread
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" d="M378.5 237.3c-2.2-1.1-4.4-2.1-6.7-3c-4-72.8-43.7-114.5-110.6-114.9h-.9c-40 0-73.2 17.1-93.7 48.1l36.7 25.2c15.3-23.2 39.3-28.1 56.9-28.1h.6c22 .1 38.6 6.5 49.3 19q11.7 13.65 15.6 37.5c-19.5-3.3-40.6-4.3-63.1-3c-63.5 3.7-104.4 40.7-101.6 92.2c1.4 26.1 14.4 48.6 36.6 63.3c18.8 12.4 43 18.5 68.2 17.1c33.2-1.8 59.3-14.5 77.5-37.7c13.8-17.6 22.5-40.4 26.4-69.1c15.8 9.6 27.6 22.1 34 37.2c11 25.7 11.7 67.9-22.8 102.3c-30.2 30.2-66.5 43.2-121.3 43.6c-60.8-.5-106.8-20-136.7-58c-28-35.6-42.5-87-43-152.8c.5-65.8 15-117.2 43-152.8c29.9-38 75.9-57.5 136.7-58c61.3.5 108.1 20.1 139.1 58.3c15.2 18.7 26.7 42.3 34.3 69.8l43.1-11.5c-9.2-33.8-23.6-63-43.3-87.1C393.2 25.6 335 .5 259.9 0h-.3C184.8.5 127.2 25.7 88.5 74.9c-34.4 43.8-52.2 104.6-52.8 180.9v.4c.6 76.3 18.3 137.2 52.8 180.9c38.7 49.2 96.2 74.4 171.1 74.9h.3c66.6-.5 113.5-17.9 152.1-56.5c50.6-50.5 49-113.8 32.4-152.7c-11.9-27.9-34.7-50.5-65.9-65.5M263.6 345.4c-27.8 1.6-56.8-10.9-58.2-37.7c-1.1-19.8 14.1-42 59.9-44.6c5.2-.3 10.4-.5 15.4-.5c16.6 0 32.2 1.6 46.3 4.7c-5.2 65.9-36.1 76.6-63.4 78.1"/></svg>Threads Light アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:threads-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:threads-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:threads-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--threads-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:threads-light"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:threads-light"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/selfhst/threads-light.svg" alt="Threads Light アイコン" width="24" height="24">selfh.st/icons の関連アイコン
他のアイコンセットの Threads Light アイコン
Threads Light アイコン のよくある質問
Threads Light アイコンは商用利用でも無料ですか?
はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Threads Light アイコンを使うには?
@iconify/react をインストールして <Icon icon="selfhst:threads-light" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Threads Light アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/threads-light.svg" alt="Threads Light アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。