Иконка Seedling
pepicons-pencil:seedling
Иконка Seedling (pepicons-pencil:seedling) — бесплатная SVG-иконка из набора Pepicons Pencil от CyCraft. Она нарисована на сетке 20 × 20. Pepicons Pencil icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Pepicons Pencil
- Автор
- CyCraft
- Лицензия
- CC-BY-4.0
- Размер
- 20 × 20
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M9.8 10.802a.5.5 0 0 1 .5.5v5.5a.5.5 0 1 1-1 0v-5.5a.5.5 0 0 1 .5-.5"/><path d="M2.39 6.445c.4 1.25 1.18 2.509 2.165 3.237c1.146.848 2.18 1.122 3.018 1.067A2.83 2.83 0 0 0 9.57 9.76c.415-.487.541-1.212.319-2.05c-.222-.836-.783-1.735-1.65-2.473c-.874-.745-2.163-1.413-3.357-1.735c-.596-.16-1.14-.227-1.582-.19s-.724.174-.884.361c-.172.202-.293.553-.305 1.06c-.012.498.083 1.092.28 1.712M1.11 4.71c.015-.625.164-1.238.544-1.684c.392-.46.969-.659 1.561-.71c.595-.05 1.262.043 1.926.222c1.327.357 2.751 1.091 3.746 1.938c1.002.854 1.687 1.922 1.967 2.978c.28 1.054.164 2.148-.524 2.956a3.83 3.83 0 0 1-2.692 1.338c-1.12.073-2.382-.302-3.678-1.26C2.763 9.6 1.882 8.14 1.438 6.748c-.223-.7-.343-1.406-.328-2.04"/><path d="M17.342 9.327c-.489 1.123-1.301 2.209-2.262 2.738c-2.217 1.22-3.778.29-4.318-.571c-.227-.363-.277-1.034.01-1.82c.28-.765.85-1.549 1.707-2.086c.883-.552 2.115-.937 3.206-1.05c.545-.055 1.027-.04 1.396.04c.382.083.559.217.625.322c.079.126.14.412.084.883c-.054.45-.206.989-.448 1.544m1.44-1.425c.066-.544.034-1.113-.228-1.533c-.276-.44-.77-.661-1.261-.768c-.505-.11-1.1-.12-1.71-.057c-1.218.125-2.602.55-3.634 1.197a5.2 5.2 0 0 0-2.116 2.59c-.343.939-.374 1.966.081 2.693c.826 1.319 2.973 2.389 5.648.917c1.224-.674 2.158-1.977 2.697-3.215c.273-.625.456-1.259.524-1.824"/><path d="M8.91 10.615a12 12 0 0 0-2.19-2.123L6 7.952a.5.5 0 1 1 .6-.8l.72.54C8.202 8.355 9 9.127 9.69 9.99a.5.5 0 0 1-.78.625m2.244 1.791a12 12 0 0 1 2.11-1.68l.801-.5a.5.5 0 1 0-.53-.848l-.8.5a13 13 0 0 0-2.288 1.82a.5.5 0 0 0 .707.708"/></g></svg>
Как использовать иконку Seedling
React
import { Icon } from "@iconify/react";
<Icon icon="pepicons-pencil:seedling" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pepicons-pencil:seedling" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pepicons-pencil:seedling" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pepicons-pencil--seedling]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pepicons-pencil -->
<div class="i-pepicons-pencil:seedling"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pepicons-pencil:seedling"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/pepicons-pencil/seedling.svg" alt="Иконка Seedling" width="24" height="24">
Похожие иконки в наборе Pepicons Pencil
Иконка Seedling в других наборах
Вопросы и ответы: Иконка Seedling
Можно ли бесплатно использовать иконку Seedling в коммерческих проектах?
Да. Pepicons Pencil icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Seedling в React?
Установите @iconify/react и выведите <Icon icon="pepicons-pencil:seedling" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Seedling на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/pepicons-pencil/seedling.svg" alt="Иконка Seedling">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Pepicons Pencil →
ICONYZ
