Recycle Bin icon
streamline-plump:recycle-bin
The Recycle Bin icon (streamline-plump:recycle-bin) is a free SVG icon from the Plump free icons set by Streamline. It is drawn on a 48 × 48 grid. Plump free icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Plump free icons
- Author
- Streamline
- License
- CC-BY-4.0
- Size
- 48 × 48
- Category
- NatureEcology
- Tags
- recyclebin
SVG code
<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>
How to use the Recycle Bin icon
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>
Web component
<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 image
<img src="https://iconyz.com/api/public/svg/streamline-plump/recycle-bin.svg" alt="Recycle Bin icon" width="24" height="24">
Related icons in Plump free icons
Recycle Bin icon in other icon sets
Recycle Bin icon FAQ
Is the Recycle Bin icon free for commercial use?
Yes. Plump free icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Recycle Bin icon in React?
Install @iconify/react and render <Icon icon="streamline-plump:recycle-bin" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Recycle Bin icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/streamline-plump/recycle-bin.svg" alt="Recycle Bin icon">, or paste the SVG code inline to style it with CSS.
Browse all Plump free icons →
ICONYZ
