paper bin icon
paper-bin-broken from Solar by 480 Design · Broken · UI · CC-BY-4.0 Attribution required.
- Name
- paper-bin-broken
- Set
- Solar
- Style
- Broken
- 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 paper bin 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="M18 2.05222C19.3683 2.14165 20.2228 2.38425 20.7896 3.04233C21.6872 4.08466 21.4469 5.68646 20.9664 8.89004L19.7664 16.89C19.4008 19.3276 19.2179 20.5464 18.374 21.2732C17.5301 22 16.2976 22 13.8328 22H10.167C7.70216 22 6.46972 22 5.6258 21.2732C4.78187 20.5464 4.59905 19.3276 4.23341 16.89L3.03341 8.89004C2.55287 5.68645 2.3126 4.08466 3.21024 3.04233C4.10789 2 5.7276 2 8.96703 2H14"/><path stroke-linecap="round" d="M21 6H3"/><path stroke-linecap="round" d="M19 19H5"/><path stroke-linejoin="round" d="M8 6L3.5 11L11 19M14 6L4 16M20 6L7 19M13 19L20.5 11L16 6M10 6L20 16M4 6L17 19"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarPaperBinBroken(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="M18 2.05222C19.3683 2.14165 20.2228 2.38425 20.7896 3.04233C21.6872 4.08466 21.4469 5.68646 20.9664 8.89004L19.7664 16.89C19.4008 19.3276 19.2179 20.5464 18.374 21.2732C17.5301 22 16.2976 22 13.8328 22H10.167C7.70216 22 6.46972 22 5.6258 21.2732C4.78187 20.5464 4.59905 19.3276 4.23341 16.89L3.03341 8.89004C2.55287 5.68645 2.3126 4.08466 3.21024 3.04233C4.10789 2 5.7276 2 8.96703 2H14"/><path strokeLinecap="round" d="M21 6H3"/><path strokeLinecap="round" d="M19 19H5"/><path strokeLinejoin="round" d="M8 6L3.5 11L11 19M14 6L4 16M20 6L7 19M13 19L20.5 11L16 6M10 6L20 16M4 6L17 19"/></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="M18 2.05222C19.3683 2.14165 20.2228 2.38425 20.7896 3.04233C21.6872 4.08466 21.4469 5.68646 20.9664 8.89004L19.7664 16.89C19.4008 19.3276 19.2179 20.5464 18.374 21.2732C17.5301 22 16.2976 22 13.8328 22H10.167C7.70216 22 6.46972 22 5.6258 21.2732C4.78187 20.5464 4.59905 19.3276 4.23341 16.89L3.03341 8.89004C2.55287 5.68645 2.3126 4.08466 3.21024 3.04233C4.10789 2 5.7276 2 8.96703 2H14"/><path stroke-linecap="round" d="M21 6H3"/><path stroke-linecap="round" d="M19 19H5"/><path stroke-linejoin="round" d="M8 6L3.5 11L11 19M14 6L4 16M20 6L7 19M13 19L20.5 11L16 6M10 6L20 16M4 6L17 19"/></g></svg> </template>
CSS
.icon-paper-bin-broken {
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%22M18%202.05222C19.3683%202.14165%2020.2228%202.38425%2020.7896%203.04233C21.6872%204.08466%2021.4469%205.68646%2020.9664%208.89004L19.7664%2016.89C19.4008%2019.3276%2019.2179%2020.5464%2018.374%2021.2732C17.5301%2022%2016.2976%2022%2013.8328%2022H10.167C7.70216%2022%206.46972%2022%205.6258%2021.2732C4.78187%2020.5464%204.59905%2019.3276%204.23341%2016.89L3.03341%208.89004C2.55287%205.68645%202.3126%204.08466%203.21024%203.04233C4.10789%202%205.7276%202%208.96703%202H14%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M21%206H3%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M19%2019H5%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M8%206L3.5%2011L11%2019M14%206L4%2016M20%206L7%2019M13%2019L20.5%2011L16%206M10%206L20%2016M4%206L17%2019%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%22M18%202.05222C19.3683%202.14165%2020.2228%202.38425%2020.7896%203.04233C21.6872%204.08466%2021.4469%205.68646%2020.9664%208.89004L19.7664%2016.89C19.4008%2019.3276%2019.2179%2020.5464%2018.374%2021.2732C17.5301%2022%2016.2976%2022%2013.8328%2022H10.167C7.70216%2022%206.46972%2022%205.6258%2021.2732C4.78187%2020.5464%204.59905%2019.3276%204.23341%2016.89L3.03341%208.89004C2.55287%205.68645%202.3126%204.08466%203.21024%203.04233C4.10789%202%205.7276%202%208.96703%202H14%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M21%206H3%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M19%2019H5%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M8%206L3.5%2011L11%2019M14%206L4%2016M20%206L7%2019M13%2019L20.5%2011L16%206M10%206L20%2016M4%206L17%2019%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/paper-bin-broken.svg?color=%231a73e8&size=48
