Figma アイコン
fa-brands:figma
Figma アイコン(fa-brands:figma)は、Font Awesome 5 Brands セットの無料 SVG アイコンです（作者: Dave Gandy）。 384 × 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
- サイズ
- 384 × 512
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="384" height="512" viewBox="0 0 384 512"><path fill="currentColor" d="M14 95.792C14 42.888 56.888 0 109.793 0h164.368c52.905 0 95.793 42.888 95.793 95.792c0 33.5-17.196 62.984-43.243 80.105c26.047 17.122 43.243 46.605 43.243 80.105c0 52.905-42.888 95.793-95.793 95.793h-2.08c-24.802 0-47.403-9.426-64.415-24.891v88.263c0 53.61-44.009 96.833-97.357 96.833C57.536 512 14 469.243 14 416.207c0-33.498 17.195-62.98 43.24-80.102C31.194 318.983 14 289.5 14 256.002c0-33.5 17.196-62.983 43.243-80.105C31.196 158.776 14 129.292 14 95.792m162.288 95.795h-66.495c-35.576 0-64.415 28.84-64.415 64.415c0 35.438 28.617 64.192 64.003 64.414l.412-.001h66.495zm31.378 64.415c0 35.575 28.839 64.415 64.415 64.415h2.08c35.576 0 64.415-28.84 64.415-64.415s-28.839-64.415-64.415-64.415h-2.08c-35.576 0-64.415 28.84-64.415 64.415m-97.873 95.793l-.412-.001c-35.386.221-64.003 28.975-64.003 64.413c0 35.445 29.225 64.415 64.931 64.415c36.282 0 65.979-29.436 65.979-65.455v-63.372zm0-320.417c-35.576 0-64.415 28.84-64.415 64.414c0 35.576 28.84 64.415 64.415 64.415h66.495V31.377zm97.873 128.829h66.495c35.576 0 64.415-28.839 64.415-64.415c0-35.575-28.839-64.414-64.415-64.414h-66.495z"/></svg>
Figma アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fa-brands:figma" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa-brands:figma" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa-brands:figma" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa-brands--figma]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa-brands -->
<div class="i-fa-brands:figma"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa-brands:figma"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fa-brands/figma.svg" alt="Figma アイコン" width="24" height="24">
Figma アイコン のよくある質問
Figma アイコンは商用利用でも無料ですか?
はい。Font Awesome 5 Brands icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Figma アイコンを使うには?
@iconify/react をインストールして <Icon icon="fa-brands:figma" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Figma アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fa-brands/figma.svg" alt="Figma アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Font Awesome 5 Brands アイコン をすべて見る →
ICONYZ
