Falcor アイコン
logos:falcor
Falcor アイコン(logos:falcor)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 299 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 256 × 299
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="299" viewBox="0 0 256 299"><path fill="#4cad31" d="M188.222 191.804v.01l-60.144 35.725l-.078-.047v-.004l-60.218-35.674L7.56 227.488L128 298.842l120.444-71.354z"/><path fill="#64b32c" d="m128 227.488l60.218 35.67L128 298.842z"/><path fill="#8bbe2d" d="M67.782 191.814v71.344L7.56 227.488z"/><path fill="#76b828" d="M128 227.488v71.354l-60.218-35.684z"/><path fill="#5db12e" d="M188.222 263.158v-71.344L128 227.488z"/><path fill="#82bb24" d="m67.782 263.158l60.296-35.619l-60.296-35.725z"/><path fill="#751f82" d="m256 71.354l-.007-.004v-.003l-.003.002L135.553 0v71.347l60.222 35.681v71.358l60.218 35.67V71.359z"/><path fill="#934c98" d="m195.775 107.028l60.218 35.674V71.347z"/><path fill="#8a398d" d="m195.775 107.028l-.004-71.354L256 71.354z"/><path fill="#b987bb" d="m195.775 178.386l60.218 35.67v-71.354z"/><path fill="#a466a7" d="m255.993 142.702l-60.218 35.684v-71.358z"/><path fill="#7b1f82" d="m195.771 35.674l-60.218 35.673l60.222 35.681z"/><path fill="#0062ae" d="m.008 71.35l-.004-.003v.005L0 71.354l.004.002v142.7l60.218-35.67v-71.358l60.225-35.681V0z"/><path fill="#007ec6" d="M60.222 107.028L.004 142.712V71.347z"/><path fill="#26b2e7" d="M120.447 71.347L60.225 35.674L120.447 0z"/><path fill="#008bd0" d="M60.222 107.028L0 71.354l60.225-35.68z"/><path fill="#0071bb" d="m.004 142.712l60.218 35.674v-71.358z"/><path fill="#009ddc" d="m60.225 35.674l-.003 71.354l60.225-35.681z"/></svg>Falcor アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:falcor" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:falcor" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:falcor" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--falcor]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:falcor"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:falcor"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/falcor.svg" alt="Falcor アイコン" width="24" height="24">Falcor アイコン のよくある質問
Falcor アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Falcor アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:falcor" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Falcor アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/falcor.svg" alt="Falcor アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。