Vicia Faba icon
icon-park:vicia-faba
The Vicia Faba icon (icon-park:vicia-faba) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Foods
- Tags
- viciafaba
SVG code
<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>How to use the Vicia Faba icon
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 component
<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 image
<img src="https://iconyz.com/api/public/svg/icon-park/vicia-faba.svg" alt="Vicia Faba icon" width="24" height="24">Vicia Faba icon in other icon sets
Vicia Faba icon FAQ
Is the Vicia Faba icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Vicia Faba icon in React?
Install @iconify/react and render <Icon icon="icon-park:vicia-faba" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Vicia Faba icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/vicia-faba.svg" alt="Vicia Faba icon">, or paste the SVG code inline to style it with CSS.