trash bin trash icon
trash-bin-trash-linear from Solar by 480 Design · Linear · UI · CC-BY-4.0 Attribution required.
- Name
- trash-bin-trash-linear
- Set
- Solar
- Style
- Linear
- Category
- UI
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
More ui icons from Solar
accessibility-boldadd-boldadd-circle-boldadd-square-boldaugmented-reality-boldballoon-boldbattery-charge-boldbattery-charge-minimalistic-boldbattery-full-boldbattery-full-minimalistic-boldbattery-half-boldbattery-half-minimalistic-boldbattery-low-boldbattery-low-minimalistic-boldblocks-boldbody-boldbolt-boldbolt-circle-boldbox-boldbox-minimalistic-boldbroom-boldcat-boldcheck-circle-boldcheck-square-bold
Use the trash bin trash icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" d="M20.5001 6H3.5"/><path stroke-linecap="round" d="M18.8332 8.5L18.3732 15.3991C18.1962 18.054 18.1077 19.3815 17.2427 20.1907C16.3777 21 15.0473 21 12.3865 21H11.6132C8.95235 21 7.62195 21 6.75694 20.1907C5.89194 19.3815 5.80344 18.054 5.62644 15.3991L5.1665 8.5"/><path stroke-linecap="round" d="M9.5 11L10 16"/><path stroke-linecap="round" d="M14.5 11L14 16"/><path d="M6.5 6C6.55588 6 6.58382 6 6.60915 5.99936C7.43259 5.97849 8.15902 5.45491 8.43922 4.68032C8.44784 4.65649 8.45667 4.62999 8.47434 4.57697L8.57143 4.28571C8.65431 4.03708 8.69575 3.91276 8.75071 3.8072C8.97001 3.38607 9.37574 3.09364 9.84461 3.01877C9.96213 3 10.0932 3 10.3553 3H13.6447C13.9068 3 14.0379 3 14.1554 3.01877C14.6243 3.09364 15.03 3.38607 15.2493 3.8072C15.3043 3.91276 15.3457 4.03708 15.4286 4.28571L15.5257 4.57697C15.5433 4.62992 15.5522 4.65651 15.5608 4.68032C15.841 5.45491 16.5674 5.97849 17.3909 5.99936C17.4162 6 17.4441 6 17.5 6"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarTrashBinTrashLinear(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeWidth="1.5"><path strokeLinecap="round" d="M20.5001 6H3.5"/><path strokeLinecap="round" d="M18.8332 8.5L18.3732 15.3991C18.1962 18.054 18.1077 19.3815 17.2427 20.1907C16.3777 21 15.0473 21 12.3865 21H11.6132C8.95235 21 7.62195 21 6.75694 20.1907C5.89194 19.3815 5.80344 18.054 5.62644 15.3991L5.1665 8.5"/><path strokeLinecap="round" d="M9.5 11L10 16"/><path strokeLinecap="round" d="M14.5 11L14 16"/><path d="M6.5 6C6.55588 6 6.58382 6 6.60915 5.99936C7.43259 5.97849 8.15902 5.45491 8.43922 4.68032C8.44784 4.65649 8.45667 4.62999 8.47434 4.57697L8.57143 4.28571C8.65431 4.03708 8.69575 3.91276 8.75071 3.8072C8.97001 3.38607 9.37574 3.09364 9.84461 3.01877C9.96213 3 10.0932 3 10.3553 3H13.6447C13.9068 3 14.0379 3 14.1554 3.01877C14.6243 3.09364 15.03 3.38607 15.2493 3.8072C15.3043 3.91276 15.3457 4.03708 15.4286 4.28571L15.5257 4.57697C15.5433 4.62992 15.5522 4.65651 15.5608 4.68032C15.841 5.45491 16.5674 5.97849 17.3909 5.99936C17.4162 6 17.4441 6 17.5 6"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" d="M20.5001 6H3.5"/><path stroke-linecap="round" d="M18.8332 8.5L18.3732 15.3991C18.1962 18.054 18.1077 19.3815 17.2427 20.1907C16.3777 21 15.0473 21 12.3865 21H11.6132C8.95235 21 7.62195 21 6.75694 20.1907C5.89194 19.3815 5.80344 18.054 5.62644 15.3991L5.1665 8.5"/><path stroke-linecap="round" d="M9.5 11L10 16"/><path stroke-linecap="round" d="M14.5 11L14 16"/><path d="M6.5 6C6.55588 6 6.58382 6 6.60915 5.99936C7.43259 5.97849 8.15902 5.45491 8.43922 4.68032C8.44784 4.65649 8.45667 4.62999 8.47434 4.57697L8.57143 4.28571C8.65431 4.03708 8.69575 3.91276 8.75071 3.8072C8.97001 3.38607 9.37574 3.09364 9.84461 3.01877C9.96213 3 10.0932 3 10.3553 3H13.6447C13.9068 3 14.0379 3 14.1554 3.01877C14.6243 3.09364 15.03 3.38607 15.2493 3.8072C15.3043 3.91276 15.3457 4.03708 15.4286 4.28571L15.5257 4.57697C15.5433 4.62992 15.5522 4.65651 15.5608 4.68032C15.841 5.45491 16.5674 5.97849 17.3909 5.99936C17.4162 6 17.4441 6 17.5 6"/></g></svg> </template>
CSS
.icon-trash-bin-trash-linear {
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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M20.5001%206H3.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M18.8332%208.5L18.3732%2015.3991C18.1962%2018.054%2018.1077%2019.3815%2017.2427%2020.1907C16.3777%2021%2015.0473%2021%2012.3865%2021H11.6132C8.95235%2021%207.62195%2021%206.75694%2020.1907C5.89194%2019.3815%205.80344%2018.054%205.62644%2015.3991L5.1665%208.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M9.5%2011L10%2016%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M14.5%2011L14%2016%22%2F%3E%3Cpath%20d%3D%22M6.5%206C6.55588%206%206.58382%206%206.60915%205.99936C7.43259%205.97849%208.15902%205.45491%208.43922%204.68032C8.44784%204.65649%208.45667%204.62999%208.47434%204.57697L8.57143%204.28571C8.65431%204.03708%208.69575%203.91276%208.75071%203.8072C8.97001%203.38607%209.37574%203.09364%209.84461%203.01877C9.96213%203%2010.0932%203%2010.3553%203H13.6447C13.9068%203%2014.0379%203%2014.1554%203.01877C14.6243%203.09364%2015.03%203.38607%2015.2493%203.8072C15.3043%203.91276%2015.3457%204.03708%2015.4286%204.28571L15.5257%204.57697C15.5433%204.62992%2015.5522%204.65651%2015.5608%204.68032C15.841%205.45491%2016.5674%205.97849%2017.3909%205.99936C17.4162%206%2017.4441%206%2017.5%206%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M20.5001%206H3.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M18.8332%208.5L18.3732%2015.3991C18.1962%2018.054%2018.1077%2019.3815%2017.2427%2020.1907C16.3777%2021%2015.0473%2021%2012.3865%2021H11.6132C8.95235%2021%207.62195%2021%206.75694%2020.1907C5.89194%2019.3815%205.80344%2018.054%205.62644%2015.3991L5.1665%208.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M9.5%2011L10%2016%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M14.5%2011L14%2016%22%2F%3E%3Cpath%20d%3D%22M6.5%206C6.55588%206%206.58382%206%206.60915%205.99936C7.43259%205.97849%208.15902%205.45491%208.43922%204.68032C8.44784%204.65649%208.45667%204.62999%208.47434%204.57697L8.57143%204.28571C8.65431%204.03708%208.69575%203.91276%208.75071%203.8072C8.97001%203.38607%209.37574%203.09364%209.84461%203.01877C9.96213%203%2010.0932%203%2010.3553%203H13.6447C13.9068%203%2014.0379%203%2014.1554%203.01877C14.6243%203.09364%2015.03%203.38607%2015.2493%203.8072C15.3043%203.91276%2015.3457%204.03708%2015.4286%204.28571L15.5257%204.57697C15.5433%204.62992%2015.5522%204.65651%2015.5608%204.68032C15.841%205.45491%2016.5674%205.97849%2017.3909%205.99936C17.4162%206%2017.4441%206%2017.5%206%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/trash-bin-trash-linear.svg?color=%231a73e8&size=48
