Иконка Seedling

glyphs-poly:seedling

Иконка Seedling (glyphs-poly:seedling) — бесплатная SVG-иконка из набора Glyphs Poly от Goran Spasojevic. Она нарисована на сетке 80 × 80. Glyphs Poly icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Glyphs Poly
Автор: Goran Spasojevic
Лицензия: MIT
Размер: 80 × 80

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path stroke="#f2994a" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M36 45.001v24"/><path fill="#219653" fill-rule="evenodd" d="M28 54C16.954 54 8 45.047 8 34v-1.998c0-2.09.32-4.107.916-6.001a28.5 28.5 0 0 1 11.693 3.047a28.48 28.48 0 0 1 12.343 12.343a28.5 28.5 0 0 1 3.047 11.694a20 20 0 0 1-6 .916z" clip-rule="evenodd"/><path fill="#219653" d="m8.916 26.001l-1.908-.6l.46-1.462l1.531.064zm11.693 3.047l-.908 1.782zm12.343 12.343l-1.782.908zm3.047 11.694L37.997 53l.064 1.532l-1.463.46zM9.999 34c0 9.94 8.06 18 18 18v4C15.85 56 6 46.15 6 34zm0-2v2H6v-2zm.825-5.4A18 18 0 0 0 10 32H6c0-2.295.352-4.513 1.008-6.6zm8.876 4.23A26.5 26.5 0 0 0 8.832 28L9 24.002a30.5 30.5 0 0 1 12.518 3.263zM31.17 42.3a26.48 26.48 0 0 0-11.469-11.47l1.816-3.564a30.48 30.48 0 0 1 13.217 13.217zM34 53.167A26.5 26.5 0 0 0 31.17 42.3l3.564-1.816a30.5 30.5 0 0 1 3.263 12.518zM29.998 52c1.885 0 3.699-.29 5.402-.824l1.198 3.816a22 22 0 0 1-6.6 1.008zM28 52h1.998v4H28z"/><path fill="#219653" fill-rule="evenodd" d="M46.285 46C60.487 46 72 34.488 72 20.286v-2.57a25.7 25.7 0 0 0-1.178-7.714c-5.214.217-10.386 1.549-15.035 3.917c-6.774 3.452-12.418 9.096-15.87 15.87c-2.368 4.65-3.7 9.82-3.918 15.035a25.7 25.7 0 0 0 7.716 1.178z" clip-rule="evenodd"/><path fill="#219653" d="m70.822 10l1.908-.599l-.46-1.463l-1.531.064zm-15.035 3.918l-.908-1.782zm-15.87 15.87l-1.782-.908zM36 44.823l-1.998-.084l-.064 1.533l1.463.459zm34-24.538c0 13.098-10.617 23.716-23.714 23.716v4C61.59 48 74 35.592 74 20.285zm0-2.57v2.57h4v-2.57zM68.915 10.6A23.7 23.7 0 0 1 70 17.716h4c0-2.894-.444-5.688-1.269-8.315zm-12.219 5.1c4.387-2.235 9.277-3.495 14.21-3.701l-.166-3.997c-5.496.23-10.95 1.632-15.86 4.134zM41.7 30.696C44.96 24.3 50.298 18.96 56.695 15.7l-1.816-3.564c-7.15 3.644-13.1 9.594-16.744 16.744zm-3.701 14.21c.206-4.933 1.466-9.823 3.701-14.21l-3.564-1.816c-2.502 4.91-3.904 10.364-4.134 15.86zm5.717-.905c-2.483 0-4.872-.381-7.116-1.086l-1.2 3.815A27.7 27.7 0 0 0 43.715 48zm2.57 0h-2.57v4h2.57z"/></g></svg>

Как использовать иконку Seedling

React

import { Icon } from "@iconify/react";

<Icon icon="glyphs-poly:seedling" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="glyphs-poly:seedling" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="glyphs-poly:seedling" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--seedling]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:seedling"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="glyphs-poly:seedling"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/glyphs-poly/seedling.svg" alt="Иконка Seedling" width="24" height="24">

Иконка Seedling в других наборах

Вопросы и ответы: Иконка Seedling

Можно ли бесплатно использовать иконку Seedling в коммерческих проектах?

Да. Glyphs Poly icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Seedling в React?

Установите @iconify/react и выведите <Icon icon="glyphs-poly:seedling" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Seedling на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/glyphs-poly/seedling.svg" alt="Иконка Seedling">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Glyphs Poly →