ICONYZ
Português (Brasil)
Ícone Vicia Faba de IconPark

Ícone Vicia Faba

icon-park:vicia-faba

O ícone Vicia Faba (icon-park:vicia-faba) é um ícone SVG gratuito da coleção IconPark de ByteDance. Ele é desenhado em uma grade de 48 × 48. IconPark icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção
IconPark
Autor
ByteDance
Licença
Apache-2.0
Tamanho
48 × 48
Categoria
Alimentos
Tags
viciafaba
Baixar SVG

Código 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>

Como usar o ícone 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 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>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/icon-park/vicia-faba.svg" alt="Ícone Vicia Faba" width="24" height="24">

O ícone Vicia Faba em outras coleções

Perguntas frequentes sobre Ícone Vicia Faba

O ícone Vicia Faba é grátis para uso comercial?

Sim. IconPark icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Vicia Faba no React?

Instale @iconify/react e renderize <Icon icon="icon-park:vicia-faba" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Vicia Faba a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/icon-park/vicia-faba.svg" alt="Ícone Vicia Faba">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones IconPark →