bin recycle icon
bin-recycle-24-regular from Fluent UI System Icons by Microsoft Corporation · 24 Regular · MIT Free for personal and commercial use.
- Name
- bin-recycle-24-regular
- Set
- Fluent UI System Icons
- Style
- 24 Regular
- Viewbox
- 24×24
- License
- MIT
3 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
Use the bin recycle icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.035 3.5c-.9 0-1.629.675-1.737 1.527A.8.8 0 0 1 5.5 5h13q.105 0 .201.027A1.75 1.75 0 0 0 16.965 3.5zM6.85 19.83a.75.75 0 0 0 .745.67h8.807a.75.75 0 0 0 .746-.67L18.59 6.496a1 1 0 0 1-.09.005h-13a1 1 0 0 1-.091-.005zM3.803 5.6A3.25 3.25 0 0 1 7.035 2h9.93a3.25 3.25 0 0 1 3.231 3.6L18.64 19.991A2.25 2.25 0 0 1 16.403 22H7.596a2.25 2.25 0 0 1-2.237-2.008zm7.989 4.81a.25.25 0 0 1 .415 0l.67 1a.75.75 0 0 0 1.246-.835l-.669-1a1.75 1.75 0 0 0-2.909 0l-.669 1a.75.75 0 1 0 1.247.834zM9.636 12.6a.75.75 0 0 1 .257 1.028l-.364.607a.5.5 0 0 0 .428.757h.793a.75.75 0 0 1 0 1.5h-.793c-1.554 0-2.514-1.696-1.715-3.029l.365-.607a.75.75 0 0 1 1.029-.257m4.473 1.028a.75.75 0 1 1 1.286-.771l.364.607c.799 1.333-.161 3.028-1.715 3.028h-.794a.75.75 0 0 1 0-1.5h.794a.5.5 0 0 0 .429-.757z"/></svg>
React
import type { SVGProps } from "react";
export function FluentBinRecycle24Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.035 3.5c-.9 0-1.629.675-1.737 1.527A.8.8 0 0 1 5.5 5h13q.105 0 .201.027A1.75 1.75 0 0 0 16.965 3.5zM6.85 19.83a.75.75 0 0 0 .745.67h8.807a.75.75 0 0 0 .746-.67L18.59 6.496a1 1 0 0 1-.09.005h-13a1 1 0 0 1-.091-.005zM3.803 5.6A3.25 3.25 0 0 1 7.035 2h9.93a3.25 3.25 0 0 1 3.231 3.6L18.64 19.991A2.25 2.25 0 0 1 16.403 22H7.596a2.25 2.25 0 0 1-2.237-2.008zm7.989 4.81a.25.25 0 0 1 .415 0l.67 1a.75.75 0 0 0 1.246-.835l-.669-1a1.75 1.75 0 0 0-2.909 0l-.669 1a.75.75 0 1 0 1.247.834zM9.636 12.6a.75.75 0 0 1 .257 1.028l-.364.607a.5.5 0 0 0 .428.757h.793a.75.75 0 0 1 0 1.5h-.793c-1.554 0-2.514-1.696-1.715-3.029l.365-.607a.75.75 0 0 1 1.029-.257m4.473 1.028a.75.75 0 1 1 1.286-.771l.364.607c.799 1.333-.161 3.028-1.715 3.028h-.794a.75.75 0 0 1 0-1.5h.794a.5.5 0 0 0 .429-.757z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.035 3.5c-.9 0-1.629.675-1.737 1.527A.8.8 0 0 1 5.5 5h13q.105 0 .201.027A1.75 1.75 0 0 0 16.965 3.5zM6.85 19.83a.75.75 0 0 0 .745.67h8.807a.75.75 0 0 0 .746-.67L18.59 6.496a1 1 0 0 1-.09.005h-13a1 1 0 0 1-.091-.005zM3.803 5.6A3.25 3.25 0 0 1 7.035 2h9.93a3.25 3.25 0 0 1 3.231 3.6L18.64 19.991A2.25 2.25 0 0 1 16.403 22H7.596a2.25 2.25 0 0 1-2.237-2.008zm7.989 4.81a.25.25 0 0 1 .415 0l.67 1a.75.75 0 0 0 1.246-.835l-.669-1a1.75 1.75 0 0 0-2.909 0l-.669 1a.75.75 0 1 0 1.247.834zM9.636 12.6a.75.75 0 0 1 .257 1.028l-.364.607a.5.5 0 0 0 .428.757h.793a.75.75 0 0 1 0 1.5h-.793c-1.554 0-2.514-1.696-1.715-3.029l.365-.607a.75.75 0 0 1 1.029-.257m4.473 1.028a.75.75 0 1 1 1.286-.771l.364.607c.799 1.333-.161 3.028-1.715 3.028h-.794a.75.75 0 0 1 0-1.5h.794a.5.5 0 0 0 .429-.757z"/></svg> </template>
CSS
.icon-bin-recycle-24-regular {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.035%203.5c-.9%200-1.629.675-1.737%201.527A.8.8%200%200%201%205.5%205h13q.105%200%20.201.027A1.75%201.75%200%200%200%2016.965%203.5zM6.85%2019.83a.75.75%200%200%200%20.745.67h8.807a.75.75%200%200%200%20.746-.67L18.59%206.496a1%201%200%200%201-.09.005h-13a1%201%200%200%201-.091-.005zM3.803%205.6A3.25%203.25%200%200%201%207.035%202h9.93a3.25%203.25%200%200%201%203.231%203.6L18.64%2019.991A2.25%202.25%200%200%201%2016.403%2022H7.596a2.25%202.25%200%200%201-2.237-2.008zm7.989%204.81a.25.25%200%200%201%20.415%200l.67%201a.75.75%200%200%200%201.246-.835l-.669-1a1.75%201.75%200%200%200-2.909%200l-.669%201a.75.75%200%201%200%201.247.834zM9.636%2012.6a.75.75%200%200%201%20.257%201.028l-.364.607a.5.5%200%200%200%20.428.757h.793a.75.75%200%200%201%200%201.5h-.793c-1.554%200-2.514-1.696-1.715-3.029l.365-.607a.75.75%200%200%201%201.029-.257m4.473%201.028a.75.75%200%201%201%201.286-.771l.364.607c.799%201.333-.161%203.028-1.715%203.028h-.794a.75.75%200%200%201%200-1.5h.794a.5.5%200%200%200%20.429-.757z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.035%203.5c-.9%200-1.629.675-1.737%201.527A.8.8%200%200%201%205.5%205h13q.105%200%20.201.027A1.75%201.75%200%200%200%2016.965%203.5zM6.85%2019.83a.75.75%200%200%200%20.745.67h8.807a.75.75%200%200%200%20.746-.67L18.59%206.496a1%201%200%200%201-.09.005h-13a1%201%200%200%201-.091-.005zM3.803%205.6A3.25%203.25%200%200%201%207.035%202h9.93a3.25%203.25%200%200%201%203.231%203.6L18.64%2019.991A2.25%202.25%200%200%201%2016.403%2022H7.596a2.25%202.25%200%200%201-2.237-2.008zm7.989%204.81a.25.25%200%200%201%20.415%200l.67%201a.75.75%200%200%200%201.246-.835l-.669-1a1.75%201.75%200%200%200-2.909%200l-.669%201a.75.75%200%201%200%201.247.834zM9.636%2012.6a.75.75%200%200%201%20.257%201.028l-.364.607a.5.5%200%200%200%20.428.757h.793a.75.75%200%200%201%200%201.5h-.793c-1.554%200-2.514-1.696-1.715-3.029l.365-.607a.75.75%200%200%201%201.029-.257m4.473%201.028a.75.75%200%201%201%201.286-.771l.364.607c.799%201.333-.161%203.028-1.715%203.028h-.794a.75.75%200%200%201%200-1.5h.794a.5.5%200%200%200%20.429-.757z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/bin-recycle-24-regular.svg?color=%231a73e8&size=48
