Trash

trash

A 24px icon in Bloom’s UI category, drawn once as Linear and grown into the other four styles. Free SVG files in currentColor, MIT license.

Category
UI
Tags
deleteremovebingarbagediscard
Motion
Moves on hover

Trash in five styles

Linear at 16, 20, 24 and 32px

Get the SVG

The command prints the file exactly as Bloom ships it. Set --style to line-duotone, outline, bold or bold-duotone for the other styles. The same files are in the npm package under dist/ and on this site under svg/.

npx -y bloom-icons get trash --style linear

It also moves on hover: add --motion to the command, or take dist/motion/<style>/trash.svg.

dist/linear/trash.svg
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
  <path d="M5.25 8.25L5.25 15C5.25 17.812 5.25 19.218 5.966 20.204C6.197 20.523 6.477 20.803 6.796 21.034C7.782 21.75 9.188 21.75 12 21.75C14.812 21.75 16.218 21.75 17.204 21.034C17.523 20.803 17.803 20.523 18.034 20.204C18.75 19.218 18.75 17.812 18.75 15L18.75 8.25"/>
  <path d="M9.75 11.25V18"/>
  <path d="M14.25 11.25V18"/>
  <path d="M3.75 5.25H20.25"/>
  <path d="M8.25 5.25L8.25 3.75C8.25 3.043 8.25 2.689 8.47 2.47C8.689 2.25 9.043 2.25 9.75 2.25L14.25 2.25C14.957 2.25 15.311 2.25 15.53 2.47C15.75 2.689 15.75 3.043 15.75 3.75L15.75 5.25"/>
</svg>

More in UI

Open in the icon browserBrowse all 1,260 icons