ICONYZ
日本語
Phosphor の Threads Logo Fill アイコン

Threads Logo Fill アイコン

ph:threads-logo-fill

Threads Logo Fill アイコン(ph:threads-logo-fill)は、Phosphor セットの無料 SVG アイコンです(作者: Phosphor Icons)。 256 × 256 のグリッドで描かれています。 Phosphor icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Phosphor
作者
Phosphor Icons
ライセンス
MIT
サイズ
256 × 256
タグ
meta、instagram、social media、threadslogo、logofill、threadslogofill、thread
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M138.62 128a53.5 53.5 0 0 1 13.1 1.63c-.57 8.21-3.34 15-8.11 19.61A23.9 23.9 0 0 1 127 156c-11.87 0-15-7.58-15-12.07C112 133 125.8 128 138.62 128m85.38 0c0 65.12-35.89 104-96 104s-96-38.88-96-104S67.89 24 128 24s96 38.88 96 104m-152 0c0-43.07 18.32-64 56-64c26.34 0 43 10.08 50.81 30.83a8 8 0 0 0 15-5.66C180.9 55.14 150.9 48 128 48c-26.1 0-45.52 8.7-57.72 25.86C60.8 87.19 56 105.4 56 128s4.8 40.81 14.28 54.14C82.48 199.3 101.9 208 128 208c24.45 0 39.82-8.8 48.41-16.18c10.76-9.25 17.19-21.89 17.19-33.82c0-14.3-6.59-26.79-18.56-35.17a54 54 0 0 0-7.77-4.5c-2.09-14.65-10-25.75-22.34-31.07c-14.5-6.26-32.93-3.33-43.72 6.93a8 8 0 0 0 11 11.62c5.43-5.14 16.79-8 26.4-3.85a20.05 20.05 0 0 1 10.77 10.92a69 69 0 0 0-10.76-.85C113.53 112 96 125.15 96 143.93C96 160.2 109 172 127 172a40 40 0 0 0 27.75-11.29c4.7-4.59 10.11-12.2 12.17-24A25.55 25.55 0 0 1 177.6 158c0 13.71-15.76 34-49.6 34c-37.68 0-56-20.93-56-64"/></svg>

Threads Logo Fill アイコンの使い方

React

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

<Icon icon="ph:threads-logo-fill" width="24" />

Vue

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

<template>
  <Icon icon="ph:threads-logo-fill" width="24" />
</template>

Svelte

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

<Icon icon="ph:threads-logo-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--threads-logo-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:threads-logo-fill"></div>

Web コンポーネント

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

<iconify-icon icon="ph:threads-logo-fill"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/ph/threads-logo-fill.svg" alt="Threads Logo Fill アイコン" width="24" height="24">

Phosphor の関連アイコン

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

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

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

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

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

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

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

Phosphor アイコン をすべて見る →