trash can icon

trash-can from Font Awesome 6 Solid by Dave Gandy · Regular · CC-BY-4.0 Attribution required.

Name
trash-can
Set
Font Awesome 6 Solid
Style
Regular
Viewbox
448×512
License
CC BY 4.0

The same icon in other sets

trash-canAkar Iconstrash-canCarbontrash-canFont Awesome 6 Regulartrash-canFont Awesome Regulartrash-canFont Awesome Solidtrash-canMaterial Design Icons

Related icons in Font Awesome 6 Solid

trash-arrow-uptrash-can-arrow-up

Use the trash can icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M135.2 17.7C140.6 6.8 151.7 0 163.8 0h120.4c12.1 0 23.2 6.8 28.6 17.7L320 32h96c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 96 0 81.7 0 64s14.3-32 32-32h96zM32 128h384v320c0 35.3-28.7 64-64 64H96c-35.3 0-64-28.7-64-64zm96 64c-8.8 0-16 7.2-16 16v224c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16m96 0c-8.8 0-16 7.2-16 16v224c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16m96 0c-8.8 0-16 7.2-16 16v224c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidTrashCan(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M135.2 17.7C140.6 6.8 151.7 0 163.8 0h120.4c12.1 0 23.2 6.8 28.6 17.7L320 32h96c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 96 0 81.7 0 64s14.3-32 32-32h96zM32 128h384v320c0 35.3-28.7 64-64 64H96c-35.3 0-64-28.7-64-64zm96 64c-8.8 0-16 7.2-16 16v224c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16m96 0c-8.8 0-16 7.2-16 16v224c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16m96 0c-8.8 0-16 7.2-16 16v224c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M135.2 17.7C140.6 6.8 151.7 0 163.8 0h120.4c12.1 0 23.2 6.8 28.6 17.7L320 32h96c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 96 0 81.7 0 64s14.3-32 32-32h96zM32 128h384v320c0 35.3-28.7 64-64 64H96c-35.3 0-64-28.7-64-64zm96 64c-8.8 0-16 7.2-16 16v224c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16m96 0c-8.8 0-16 7.2-16 16v224c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16m96 0c-8.8 0-16 7.2-16 16v224c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16"/></svg>
</template>

CSS

.icon-trash-can {
  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%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M135.2%2017.7C140.6%206.8%20151.7%200%20163.8%200h120.4c12.1%200%2023.2%206.8%2028.6%2017.7L320%2032h96c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032H32C14.3%2096%200%2081.7%200%2064s14.3-32%2032-32h96zM32%20128h384v320c0%2035.3-28.7%2064-64%2064H96c-35.3%200-64-28.7-64-64zm96%2064c-8.8%200-16%207.2-16%2016v224c0%208.8%207.2%2016%2016%2016s16-7.2%2016-16V208c0-8.8-7.2-16-16-16m96%200c-8.8%200-16%207.2-16%2016v224c0%208.8%207.2%2016%2016%2016s16-7.2%2016-16V208c0-8.8-7.2-16-16-16m96%200c-8.8%200-16%207.2-16%2016v224c0%208.8%207.2%2016%2016%2016s16-7.2%2016-16V208c0-8.8-7.2-16-16-16%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%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M135.2%2017.7C140.6%206.8%20151.7%200%20163.8%200h120.4c12.1%200%2023.2%206.8%2028.6%2017.7L320%2032h96c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032H32C14.3%2096%200%2081.7%200%2064s14.3-32%2032-32h96zM32%20128h384v320c0%2035.3-28.7%2064-64%2064H96c-35.3%200-64-28.7-64-64zm96%2064c-8.8%200-16%207.2-16%2016v224c0%208.8%207.2%2016%2016%2016s16-7.2%2016-16V208c0-8.8-7.2-16-16-16m96%200c-8.8%200-16%207.2-16%2016v224c0%208.8%207.2%2016%2016%2016s16-7.2%2016-16V208c0-8.8-7.2-16-16-16m96%200c-8.8%200-16%207.2-16%2016v224c0%208.8%207.2%2016%2016%2016s16-7.2%2016-16V208c0-8.8-7.2-16-16-16%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-solid/trash-can.svg?color=%231a73e8&size=48