Supple アイコン
fa-brands:supple
Supple アイコン(fa-brands:supple)は、Font Awesome 5 Brands セットの無料 SVG アイコンです（作者: Dave Gandy）。 640 × 512 のグリッドで描かれています。 Font Awesome 5 Brands icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Font Awesome 5 Brands
- 作者
- Dave Gandy
- ライセンス
- CC-BY-4.0
- サイズ
- 640 × 512
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="512" viewBox="0 0 640 512"><path fill="currentColor" d="M640 262.5c0 64.1-109 116.1-243.5 116.1c-24.8 0-48.6-1.8-71.1-5q11.55.6 23.4.6c134.5 0 243.5-56.9 243.5-127.1c0-29.4-19.1-56.4-51.2-78c60 21.1 98.9 55.1 98.9 93.4M47.7 227.9c-.1-70.2 108.8-127.3 243.3-127.6c7.9 0 15.6.2 23.3.5c-22.5-3.2-46.3-4.9-71-4.9C108.8 96.3-.1 148.5 0 212.6c.1 38.3 39.1 72.3 99.3 93.3c-32.3-21.5-51.5-48.6-51.6-78m60.2 39.9s10.5 13.2 29.3 13.2c17.9 0 28.4-11.5 28.4-25.1c0-28-40.2-25.1-40.2-39.7c0-5.4 5.3-9.1 12.5-9.1c5.7 0 11.3 2.6 11.3 6.6v3.9h14.2v-7.9c0-12.1-15.4-16.8-25.4-16.8c-16.5 0-28.5 10.2-28.5 24.1c0 26.6 40.2 25.4 40.2 39.9c0 6.6-5.8 10.1-12.3 10.1c-11.9 0-20.7-10.1-20.7-10.1zm120.8-73.6v54.4c0 11.3-7.1 17.8-17.8 17.8s-17.8-6.5-17.8-17.7v-54.5h-15.8v55c0 18.9 13.4 31.9 33.7 31.9c20.1 0 33.4-13 33.4-31.9v-55zm34.4 85.4h15.8v-29.5h15.5c16 0 27.2-11.5 27.2-28.1s-11.2-27.8-27.2-27.8h-39.1v13.4h7.8zm15.8-43v-29.1h12.9c8.7 0 13.7 5.7 13.7 14.4c0 8.9-5.1 14.7-14 14.7zm57 43h15.8v-29.5h15.5c16 0 27.2-11.5 27.2-28.1s-11.2-27.8-27.2-27.8h-39.1v13.4h7.8zm15.7-43v-29.1h12.9c8.7 0 13.7 5.7 13.7 14.4c0 8.9-5 14.7-14 14.7zm57.1 34.8c0 5.8 2.4 8.2 8.2 8.2h37.6c5.8 0 8.2-2.4 8.2-8.2v-13h-14.3v5.2c0 1.7-1 2.6-2.6 2.6h-18.6c-1.7 0-2.6-1-2.6-2.6v-61.2c0-5.7-2.4-8.2-8.2-8.2H401v13.4h5.2c1.7 0 2.6 1 2.6 2.6v61.2zm63.4 0c0 5.8 2.4 8.2 8.2 8.2H519c5.7 0 8.2-2.4 8.2-8.2v-13h-14.3v5.2c0 1.7-1 2.6-2.6 2.6h-19.7c-1.7 0-2.6-1-2.6-2.6v-20.3h27.7v-13.4H488v-22.4h19.2c1.7 0 2.6 1 2.6 2.6v5.2H524v-13c0-5.7-2.5-8.2-8.2-8.2h-51.6v13.4h7.8v63.9zm58.9-76v5.9h1.6v-5.9h2.7v-1.2h-7v1.2zm5.7-1.2v7.1h1.5v-5.7l2.3 5.7h1.3l2.3-5.7v5.7h1.5v-7.1h-2.3l-2.1 5.1l-2.1-5.1z"/></svg>Supple アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fa-brands:supple" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa-brands:supple" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa-brands:supple" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa-brands--supple]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa-brands -->
<div class="i-fa-brands:supple"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa-brands:supple"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fa-brands/supple.svg" alt="Supple アイコン" width="24" height="24">他のアイコンセットの Supple アイコン
Supple アイコン のよくある質問
Supple アイコンは商用利用でも無料ですか?
はい。Font Awesome 5 Brands icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Supple アイコンを使うには?
@iconify/react をインストールして <Icon icon="fa-brands:supple" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Supple アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fa-brands/supple.svg" alt="Supple アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。