Phoenix Squadron アイコン
fa7-brands:phoenix-squadron
Phoenix Squadron アイコン(fa7-brands:phoenix-squadron)は、Font Awesome Brands セットの無料 SVG アイコンです（作者: Dave Gandy）。 640 × 640 のグリッドで描かれています。 Font Awesome Brands icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Font Awesome Brands
- 作者
- Dave Gandy
- ライセンス
- CC-BY-4.0
- サイズ
- 640 × 640
- タグ
- phoenixsquadron
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="640" viewBox="0 0 640 640"><path fill="currentColor" d="M160 127.4c46.5-36.1 105.6-56.1 164.5-54.6c29.6-.4 59.1 5.4 86.9 15.3c-24.1-4.6-49-6.3-73.4-2.5c-42.9 5.3-83 27.2-111.8 59.2c5.7-1 10.8-3.7 16-5.9c18.1-7.9 37.5-13.3 57.2-14.8c19.7-2.1 39.6-.4 59.3 1.9c-14.4 2.8-29.1 4.6-43 9.6c-34.4 11.1-65.3 33.2-86.3 62.6c-13.8 19.7-23.6 42.9-24.7 67.1c-.4 16.5 5.2 34.8 19.8 44c11.2 6.8 24.6 9.2 37.5 6.7c15.4-2.5 30.1-8.6 43.6-16.3c11.5-6.8 22.7-14.6 32-24.3c3.8-3.2 2.5-8.4 2.6-12.8c-2.1-.3-4.4-1.1-6.3.3c-11.4 6.3-23.4 11.4-35.8 15.4c-20 6.2-42.2 8.5-62.1.8c12.8 1.7 26.1.3 37.7-5.4c20.2-9.7 36.8-25.2 54.4-38.8c27.7-21.3 57.5-39.9 88.9-55.3c25.7-12 52.9-22.8 81.6-24.1c-15.6 13.7-32.1 26.5-46.8 41.4c-14.5 14-27.5 29.5-40.1 45.2c-3.5 4.6-9 6.9-13.6 10.2c-22.4 15-40.3 35.8-51.9 60.1c-9.3 19.7-14.5 41.9-11.8 63.6c1.9 13.7 8.7 27.6 20.9 34.9c12.9 8 29 8.1 43.5 5.1c32.8-7.4 61.4-28.9 81-55.8c20.4-27.5 30.5-62.2 29.2-96.3c-.5-7.5-1.6-15-1.7-22.5c8 19.5 14.8 39.7 16.6 60.8c2 14.3.7 28.8-1.6 42.9c-1.9 11-5.7 21.5-7.8 32.4c20.4-22.9 34-50.9 39.3-81.1c5.6-35.5.7-71.9-14.2-104.6c20.8 32 32.3 69.6 35.7 107.5c.5 12.7.5 25.5 0 38.2c-2.8 34.3-12.9 67.6-29.6 97.8c-26.1 47.3-68 85.6-117.2 108c-78.3 36.2-174.7 31.3-248-14.7c-39-23.8-70.6-58-91.4-98.7C74.4 401 65.8 369.4 63.7 337v-31.3c4.2-69.7 41.2-135.9 96.3-178.3m222 80.3c5.5-.9 10.8-2.4 16-4.5c5-1.8 9.2-5.9 10.3-11.2c-9 5-18 9.9-26.3 15.7"/></svg>Phoenix Squadron アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fa7-brands:phoenix-squadron" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa7-brands:phoenix-squadron" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa7-brands:phoenix-squadron" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa7-brands--phoenix-squadron]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa7-brands -->
<div class="i-fa7-brands:phoenix-squadron"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa7-brands:phoenix-squadron"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fa7-brands/phoenix-squadron.svg" alt="Phoenix Squadron アイコン" width="24" height="24">Font Awesome Brands の関連アイコン
他のアイコンセットの Phoenix Squadron アイコン
Phoenix Squadron アイコン のよくある質問
Phoenix Squadron アイコンは商用利用でも無料ですか?
はい。Font Awesome Brands icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Phoenix Squadron アイコンを使うには?
@iconify/react をインストールして <Icon icon="fa7-brands:phoenix-squadron" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Phoenix Squadron アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fa7-brands/phoenix-squadron.svg" alt="Phoenix Squadron アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。