Иконка Recycle

glyphs-poly:recycle

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

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

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="99" height="99" viewBox="0 0 99 99"><g fill="none"><path fill="#6fcf97" d="M69.78 44.369a2.013 2.013 0 1 0-3.486 2.013zM57.553 65.606a2.013 2.013 0 0 0 0 4.026zm18.097-7.047l-1.743 1.007zm-5.23 9.06v-2.013zm-4.125-21.237l7.612 13.184l3.486-2.014l-7.611-13.183zm4.124 19.224H57.552v4.026h12.866zm6.974 0a8.05 8.05 0 0 0 0-8.054l-3.486 2.014a4.03 4.03 0 0 1 0 4.026zm-3.486-2.014a4.03 4.03 0 0 1-3.488 2.014v4.026a8.05 8.05 0 0 0 6.974-4.026z"/><path fill="#219653" stroke="#219653" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M57.558 62.414v10.411c0 1.05-1.27 1.577-2.013.834l-3.904-3.904a3.02 3.02 0 0 1 0-4.27l3.904-3.905c.743-.742 2.013-.216 2.013.834"/><path fill="#6fcf97" d="M34.915 34.502a2.013 2.013 0 1 0 3.486 2.013zm24.506-.028a2.013 2.013 0 1 0 3.486-2.013zM38.4 36.515l7.612-13.184l-3.487-2.013l-7.612 13.184zm14.587-13.184l6.433 11.143l3.486-2.013l-6.433-11.143zm-3.488-6.04a8.05 8.05 0 0 0-6.974 4.027l3.487 2.013a4.03 4.03 0 0 1 3.487-2.013zm0 4.027c1.439 0 2.768.767 3.488 2.013l3.486-2.013a8.05 8.05 0 0 0-6.974-4.026z"/><path fill="#219653" stroke="#219653" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="m56.654 36.065l9.016-5.205c.91-.526 2 .311 1.729 1.326l-1.43 5.333a3.02 3.02 0 0 1-3.697 2.135l-5.334-1.429c-1.014-.272-1.194-1.635-.284-2.16"/><path fill="#6fcf97" d="M43.804 69.629a2.013 2.013 0 0 0 0-4.026zM31.527 48.42a2.013 2.013 0 0 0-3.487-2.013zM28.58 67.616v-2.013zm-5.23-9.06l1.743 1.006zm20.453 7.047H28.581v4.026h15.223zm-18.71-6.04l6.433-11.143l-3.487-2.013l-6.433 11.142zm-3.487 6.04a8.05 8.05 0 0 0 6.974 4.026v-4.026a4.03 4.03 0 0 1-3.487-2.014zm3.487-2.014a4.03 4.03 0 0 1 0-4.027l-3.487-2.013a8.05 8.05 0 0 0 0 8.053z"/><path fill="#219653" stroke="#219653" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="m34.287 50.02l-9.016-5.205c-.91-.526-.73-1.889.285-2.16l5.333-1.43a3.02 3.02 0 0 1 3.698 2.136l1.429 5.333c.272 1.014-.819 1.851-1.729 1.326"/></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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