Empty Recycle Bin icon
fluent-mdl2:empty-recycle-bin
The Empty Recycle Bin icon (fluent-mdl2:empty-recycle-bin) is a free SVG icon from the Fluent UI MDL2 set by Microsoft Corporation. It is drawn on a 2048 × 2048 grid. Fluent UI MDL2 icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Fluent UI MDL2
- Author
- Microsoft Corporation
- License
- MIT
- Size
- 2048 × 2048
- Tags
- emptyrecycle, recyclebin, emptyrecyclebin
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M782 1589q-32 0-48-29q-6-11-21-38t-31-56t-29-55t-13-35q0-16 7-34t18-36t21-34t18-28l-64-51h197l47 194l-77-61l-55 111h183v152zm231-644l-84 165l-127-64l60-119q14-30 48-30l221-1q32 0 48 30l54 101l58-44l-30 207l-218-20l62-46zm122 719l-124-166l124-152v103h163l-67-123l122-72q4 9 13 25t19 35t16 35t7 27q0 12-6 24l-85 168q-7 14-20 21t-28 8h-134zm599-1024h132l-271 1211q-130 97-268 147t-302 50q-162 0-301-50t-268-147L137 441l-6-28q-3-14-3-29q0-58 29-105t78-85t109-65t123-49t121-33t103-20Q856 0 1024 0q51 0 101 2t102 8q-66 20-127 49t-118 70q-48 1-106 5t-120 12t-126 21t-123 32t-111 44t-90 58q-18 16-34 37t-16 46q0 15 6 28t16 26t21 23t23 19q42 32 96 56t116 41t126 30t129 19t124 11t111 3h22q11 0 22-1l1 1h632q-74 35-158 59t-173 40t-177 22t-169 7q-84 0-178-7t-188-25t-184-45t-164-69l260 1154q100 70 217 105t239 36q121 0 237-35t217-106zM2048 0v512h-512V384h292q-76-60-167-91t-188-31q-114 0-218 43t-186 124l-90-90q99-99 226-152t268-53q122 0 237 41t210 119V0z"/></svg>How to use the Empty Recycle Bin icon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:empty-recycle-bin" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:empty-recycle-bin" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:empty-recycle-bin" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--empty-recycle-bin]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:empty-recycle-bin"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:empty-recycle-bin"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/empty-recycle-bin.svg" alt="Empty Recycle Bin icon" width="24" height="24">Empty Recycle Bin icon FAQ
Is the Empty Recycle Bin icon free for commercial use?
Yes. Fluent UI MDL2 icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Empty Recycle Bin icon in React?
Install @iconify/react and render <Icon icon="fluent-mdl2:empty-recycle-bin" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Empty Recycle Bin icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/empty-recycle-bin.svg" alt="Empty Recycle Bin icon">, or paste the SVG code inline to style it with CSS.