Иконка Recycle Bin

streamline-plump:recycle-bin

Иконка Recycle Bin (streamline-plump:recycle-bin) — бесплатная SVG-иконка из набора Plump free icons от Streamline. Она нарисована на сетке 48 × 48. Plump free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Plump free icons
Автор: Streamline
Лицензия: CC-BY-4.0
Размер: 48 × 48
Категория: Природа и экология
Теги: recyclebin

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"><path d="M20.5 36.5c-1.024 0-1.93-.058-2.682-.135c-1.225-.125-1.877-1.392-1.346-2.503C17.74 31.203 19 29 19 29l-4.5 1m7.005-4.804a27 27 0 0 1 1.458-2.255c.72-.998 2.144-.93 2.84.086a84 84 0 0 1 2.947 4.62l1.384-4.397m.361 8.304c.512.886.915 1.701 1.224 2.39c.505 1.123-.267 2.321-1.495 2.417c-2.936.23-5.474.242-5.474.242L27.866 40"/><path d="M6.183 15.842c3.076.249 8.554.522 17.796.522c9.288 0 14.774-.276 17.843-.526c-.888 13.818-1.736 21.005-2.241 24.427c-.255 1.73-1.392 3.14-3.092 3.548C34.173 44.37 30.187 45 24.002 45s-10.171-.63-12.487-1.186c-1.7-.408-2.837-1.818-3.092-3.548c-.505-3.421-1.353-10.608-2.24-24.423Z"/><path d="M31.036 7.176c3.56.066 6.334.174 8.322.275c2.39.12 4.61 1.393 5.278 3.691q.152.517.276 1.097c.394 1.84-.983 3.421-2.858 3.58c-3.02.255-8.547.545-18.077.545c-9.529 0-15.057-.29-18.076-.545c-1.876-.158-3.261-1.75-2.776-3.568c.175-.655.39-1.253.616-1.784c.813-1.903 2.77-2.885 4.836-2.999c1.908-.104 4.685-.222 8.387-.292A7 7 0 0 1 23.37 3h1.262a7 7 0 0 1 6.405 4.176Z"/></g></svg>

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

React

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

<Icon icon="streamline-plump:recycle-bin" width="24" />

Vue

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

<template>
  <Icon icon="streamline-plump:recycle-bin" width="24" />
</template>

Svelte

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

<Icon icon="streamline-plump:recycle-bin" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump--recycle-bin]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-plump -->
<div class="i-streamline-plump:recycle-bin"></div>

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

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

<iconify-icon icon="streamline-plump:recycle-bin"></iconify-icon>

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

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

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

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

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

Да. Plump free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

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

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

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

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

Все Plump free icons →