Иконка Vicia Faba
icon-park:vicia-faba
Иконка Vicia Faba (icon-park:vicia-faba) — бесплатная SVG-иконка из набора IconPark от 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>Веб-компонент
<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, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Vicia Faba в React?
Установите @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">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.