Vicia Faba アイコン
icon-park:vicia-faba
Vicia Faba アイコン(icon-park:vicia-faba)は、IconPark セットの無料 SVG アイコンです（作者: ByteDance）。 48 × 48 のグリッドで描かれています。 IconPark icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- IconPark
- 作者
- ByteDance
- ライセンス
- Apache-2.0
- サイズ
- 48 × 48
- カテゴリ
- 食品
- タグ
- viciafaba
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" stroke="#000" d="M3.99989 31.0001C4.00014 24.5001 8.0004 22.0374 11.0001 21.0187C13.9997 20.0001 16.0003 20.0001 18.9999 17.0001C21.9995 14.0001 22.0004 8.00008 28 6.00008C33.9995 4.00007 41.091 7.00011 42.9997 14.0001C44.9084 21.0001 39.5006 30.0001 37.0006 33.0001C34.5006 36.0001 29.4987 41.0001 20.9996 42.0001C12.5006 43.0001 3.99963 37.5001 3.99989 31.0001Z"/><path stroke="#fff" stroke-linecap="round" d="M12 21.0435C19 30 29 21.0435 22 12"/><path stroke="#000" stroke-linecap="round" d="M11.0005 21.0187C14.0002 20.0001 16.0008 20.0001 19.0004 17.0001C22 14.0001 22.0009 8.00007 28.0004 6.00007"/></g></svg>Vicia Faba アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:vicia-faba" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:vicia-faba" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:vicia-faba" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--vicia-faba]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:vicia-faba"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:vicia-faba"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/icon-park/vicia-faba.svg" alt="Vicia Faba アイコン" width="24" height="24">他のアイコンセットの Vicia Faba アイコン
Vicia Faba アイコン のよくある質問
Vicia Faba アイコンは商用利用でも無料ですか?
はい。IconPark icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Vicia Faba アイコンを使うには?
@iconify/react をインストールして <Icon icon="icon-park:vicia-faba" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Vicia Faba アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/icon-park/vicia-faba.svg" alt="Vicia Faba アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。