Fediverse Logo Thin アイコン
ph:fediverse-logo-thin
Fediverse Logo Thin アイコン(ph:fediverse-logo-thin)は、Phosphor セットの無料 SVG アイコンです（作者: Phosphor Icons）。 256 × 256 のグリッドで描かれています。 Phosphor icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Phosphor
- 作者
- Phosphor Icons
- ライセンス
- MIT
- サイズ
- 256 × 256
- タグ
- social media、decentralized、fediverselogo、logothin、fediverselogothin
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M212 100a23.8 23.8 0 0 0-11.65 3L165.9 60a24 24 0 1 0-41.28-10.56L72.29 71.21A24 24 0 1 0 49 107.8l2.11 52.71a24 24 0 1 0 26.59 33.72l54.43 15.24c-.08.83-.13 1.68-.13 2.53a24 24 0 1 0 40.07-17.81l30.6-48.08A23.8 23.8 0 0 0 212 148a24 24 0 0 0 0-48m-23.82 21.13l-55.06 2.62l13.29-55.81q.79.06 1.59.06a23.8 23.8 0 0 0 11.65-3l34.45 43a23.9 23.9 0 0 0-5.92 13.13m-116 45.19a23.9 23.9 0 0 0-13.16-6.12l-2.11-52.71a24.05 24.05 0 0 0 13.52-8.18l50.4 29.18ZM148 28a16 16 0 1 1-16 16a16 16 0 0 1 16-16m-20.29 28.79a24 24 0 0 0 10.92 9.3l-13.28 55.76l-50.87-29.46A23.8 23.8 0 0 0 76 84a24 24 0 0 0-.62-5.41ZM36 84a16 16 0 1 1 16 16a16 16 0 0 1-16-16m20 116a16 16 0 1 1 16-16a16 16 0 0 1-16 16m23.87-13.47c.08-.83.13-1.68.13-2.53a23.86 23.86 0 0 0-2.87-11.37l48.86-38l18.73 56.19a24.17 24.17 0 0 0-10.42 11ZM156 228a16 16 0 1 1 16-16a16 16 0 0 1-16 16m9.33-38.11A23.8 23.8 0 0 0 156 188a25 25 0 0 0-3.69.28l-18.85-56.54l55.1-2.62a23.92 23.92 0 0 0 7.37 12.69ZM212 140a16 16 0 1 1 16-16a16 16 0 0 1-16 16"/></svg>Fediverse Logo Thin アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="ph:fediverse-logo-thin" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ph:fediverse-logo-thin" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ph:fediverse-logo-thin" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--fediverse-logo-thin]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:fediverse-logo-thin"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ph:fediverse-logo-thin"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/ph/fediverse-logo-thin.svg" alt="Fediverse Logo Thin アイコン" width="24" height="24">Phosphor の関連アイコン
Fediverse Logo Thin アイコン のよくある質問
Fediverse Logo Thin アイコンは商用利用でも無料ですか?
はい。Phosphor icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Fediverse Logo Thin アイコンを使うには?
@iconify/react をインストールして <Icon icon="ph:fediverse-logo-thin" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Fediverse Logo Thin アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ph/fediverse-logo-thin.svg" alt="Fediverse Logo Thin アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。