Trade Federation アイコン
fa7-brands:trade-federation
Trade Federation アイコン(fa7-brands:trade-federation)は、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
- タグ
- tradefederation
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="640" viewBox="0 0 640 640"><path fill="currentColor" d="M320 72.8C183.5 72.8 72.8 183.5 72.8 320S183.5 567.2 320 567.2S567.2 456.5 567.2 320S456.5 72.8 320 72.8m0 11.6c130.1 0 235.6 105.5 235.6 235.6S450.1 555.6 320 555.6S84.4 450.1 84.4 320S189.9 84.4 320 84.4m155.1 142.7v-46.8H281.3V262H126.2l36.7 46h117.7v196.8h48.8V309h83.3v-47h-83.3v-34.8h145.7zm-73.3 45.1v23.9h-82.9v197.4h-26.8V296.1H168.3l-20.1-23.9h143.9v-80.6h171.8V216h-145v56.2zm-161.3-69l-12.4-20.7l2.1 23.8l-23.5 5.4l23.3 5.4l-2.1 24l12.3-20.5l22.2 9.5l-15.7-18.1l15.8-18.1zm-29.6-19.7l9.3-11.5l-12.7 5.9l-8-12.4l1.7 13.9l-14.3 3.8l13.7 2.7l-.8 14.7l6.8-12.2l13.8 5.3zm165.4 145.2l-13.1 5.6l-7.3-12.2l1.3 14.2l-13.9 3.2l13.9 3.2l-1.2 14.2l7.3-12.2l13.1 5.5l-9.4-10.7zm106.9-77.2l-20.9 9.1l-12-19.6l2.2 22.7l-22.3 5.4l22.2 4.9l-1.8 22.9l11.5-19.6l21.2 8.8l-15.1-17zM320 93.9C195.1 93.9 93.9 195.1 93.9 320S195.1 546.1 320 546.1S546.1 444.9 546.1 320S444.9 93.9 320 93.9M414.6 260v51h-83.3v195.7h-52.7V309.9H161.9l-40-49.9h157.4v-81.6h197.8v50.7H331.4V260zM320 107.2c60.3 0 114.8 25 153.6 65.2H274.5V254H117.1c28-85.2 108.3-146.8 202.9-146.8m0 427.1c-117.9 0-213.6-95.6-213.6-213.5c0-21.2 3.1-41.8 8.9-61.1l43.8 56.3h114.7v196.8h64.6V317h83.3v-62.7h-83.2v-19.2h145.6v-50.8c30.8 37 49.3 84.6 49.3 136.5c.1 117.9-95.5 213.5-213.4 213.5M250.8 339l-11-21.4l1.7 24.5l-23.7 3.9l23.8 5.9l-3.7 23.8l13-20.9l21.5 10.8l-15.8-18.8l16.9-17.1z"/></svg>Trade Federation アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fa7-brands:trade-federation" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa7-brands:trade-federation" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa7-brands:trade-federation" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa7-brands--trade-federation]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa7-brands -->
<div class="i-fa7-brands:trade-federation"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa7-brands:trade-federation"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fa7-brands/trade-federation.svg" alt="Trade Federation アイコン" width="24" height="24">他のアイコンセットの Trade Federation アイコン
Trade Federation アイコン のよくある質問
Trade Federation アイコンは商用利用でも無料ですか?
はい。Font Awesome Brands icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Trade Federation アイコンを使うには?
@iconify/react をインストールして <Icon icon="fa7-brands:trade-federation" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Trade Federation アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fa7-brands/trade-federation.svg" alt="Trade Federation アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。