trash icon
trash-filled from Reicon by REICON · Filled · UI · MIT Free for personal and commercial use.
- Name
- trash-filled
- Set
- Reicon
- Style
- Filled
- Category
- UI
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
All trash icons →trashAkar IconstrashBootstrap IconstrashBoxIcons v2trashBoxIcons v2 SolidtrashCodiconstrashDither Iconstrash-fillEva IconstrashFramework7 IconstrashFont Awesome 6 SolidtrashFont Awesome SolidtrashFeather Iconstrashcss.ggtrashHeroIconstrashHuge IconstrashHumbleiconstrashIconoirtrashIonIconstrashJam IconstrashLine AwesometrashMaterial Line IconstrashLucidetrashMage IconstrashMajesticonstrashMyna UI Icons
More ui icons from Reicon
Use the trash icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.21 3.042c-.463.539-.623 1.227-.603 2.208h18.787c.02-.981-.14-1.67-.604-2.208C19.892 2 18.272 2 15.033 2H8.967C5.727 2 4.108 2 3.21 3.042M3.034 8.89a85 85 0 0 1-.304-2.14h.96L4.94 8L3.165 9.773zm.566 3.77l.349 2.33l.99-.99zm.625 4.175l.009.055q.111.753.21 1.36H6.69L7.94 17L6 15.06zm7.085 1.415h1.38L13.94 17L12 15.06L10.06 17zm6 0h2.246q.099-.607.21-1.36l.009-.055L18 15.061L16.06 17zm2.742-3.26l.35-2.33L19.06 14zm.782-5.217l.133-.883c.121-.81.227-1.518.304-2.14h-.96L19.06 8zM15.69 6.75h-1.38L13.06 8L15 9.94L16.94 8zm-6 0H8.31L7.06 8L9 9.94L10.94 8zm-4.932 13c.196.686.451 1.165.868 1.523C6.47 22 7.702 22 10.167 22h3.666c2.465 0 3.697 0 4.541-.727c.417-.358.672-.837.868-1.523zM4.06 11L6 9.06L7.94 11L6 12.94zm3 3L9 12.06L10.94 14L9 15.94zM15 15.94L13.06 14L15 12.06L16.94 14zm-3-3L13.94 11L12 9.06L10.06 11zm6 0L16.06 11L18 9.06L19.94 11z"/></svg>
React
import type { SVGProps } from "react";
export function ReiconTrashFilled(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="M3.21 3.042c-.463.539-.623 1.227-.603 2.208h18.787c.02-.981-.14-1.67-.604-2.208C19.892 2 18.272 2 15.033 2H8.967C5.727 2 4.108 2 3.21 3.042M3.034 8.89a85 85 0 0 1-.304-2.14h.96L4.94 8L3.165 9.773zm.566 3.77l.349 2.33l.99-.99zm.625 4.175l.009.055q.111.753.21 1.36H6.69L7.94 17L6 15.06zm7.085 1.415h1.38L13.94 17L12 15.06L10.06 17zm6 0h2.246q.099-.607.21-1.36l.009-.055L18 15.061L16.06 17zm2.742-3.26l.35-2.33L19.06 14zm.782-5.217l.133-.883c.121-.81.227-1.518.304-2.14h-.96L19.06 8zM15.69 6.75h-1.38L13.06 8L15 9.94L16.94 8zm-6 0H8.31L7.06 8L9 9.94L10.94 8zm-4.932 13c.196.686.451 1.165.868 1.523C6.47 22 7.702 22 10.167 22h3.666c2.465 0 3.697 0 4.541-.727c.417-.358.672-.837.868-1.523zM4.06 11L6 9.06L7.94 11L6 12.94zm3 3L9 12.06L10.94 14L9 15.94zM15 15.94L13.06 14L15 12.06L16.94 14zm-3-3L13.94 11L12 9.06L10.06 11zm6 0L16.06 11L18 9.06L19.94 11z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.21 3.042c-.463.539-.623 1.227-.603 2.208h18.787c.02-.981-.14-1.67-.604-2.208C19.892 2 18.272 2 15.033 2H8.967C5.727 2 4.108 2 3.21 3.042M3.034 8.89a85 85 0 0 1-.304-2.14h.96L4.94 8L3.165 9.773zm.566 3.77l.349 2.33l.99-.99zm.625 4.175l.009.055q.111.753.21 1.36H6.69L7.94 17L6 15.06zm7.085 1.415h1.38L13.94 17L12 15.06L10.06 17zm6 0h2.246q.099-.607.21-1.36l.009-.055L18 15.061L16.06 17zm2.742-3.26l.35-2.33L19.06 14zm.782-5.217l.133-.883c.121-.81.227-1.518.304-2.14h-.96L19.06 8zM15.69 6.75h-1.38L13.06 8L15 9.94L16.94 8zm-6 0H8.31L7.06 8L9 9.94L10.94 8zm-4.932 13c.196.686.451 1.165.868 1.523C6.47 22 7.702 22 10.167 22h3.666c2.465 0 3.697 0 4.541-.727c.417-.358.672-.837.868-1.523zM4.06 11L6 9.06L7.94 11L6 12.94zm3 3L9 12.06L10.94 14L9 15.94zM15 15.94L13.06 14L15 12.06L16.94 14zm-3-3L13.94 11L12 9.06L10.06 11zm6 0L16.06 11L18 9.06L19.94 11z"/></svg> </template>
CSS
.icon-trash-filled {
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%22M3.21%203.042c-.463.539-.623%201.227-.603%202.208h18.787c.02-.981-.14-1.67-.604-2.208C19.892%202%2018.272%202%2015.033%202H8.967C5.727%202%204.108%202%203.21%203.042M3.034%208.89a85%2085%200%200%201-.304-2.14h.96L4.94%208L3.165%209.773zm.566%203.77l.349%202.33l.99-.99zm.625%204.175l.009.055q.111.753.21%201.36H6.69L7.94%2017L6%2015.06zm7.085%201.415h1.38L13.94%2017L12%2015.06L10.06%2017zm6%200h2.246q.099-.607.21-1.36l.009-.055L18%2015.061L16.06%2017zm2.742-3.26l.35-2.33L19.06%2014zm.782-5.217l.133-.883c.121-.81.227-1.518.304-2.14h-.96L19.06%208zM15.69%206.75h-1.38L13.06%208L15%209.94L16.94%208zm-6%200H8.31L7.06%208L9%209.94L10.94%208zm-4.932%2013c.196.686.451%201.165.868%201.523C6.47%2022%207.702%2022%2010.167%2022h3.666c2.465%200%203.697%200%204.541-.727c.417-.358.672-.837.868-1.523zM4.06%2011L6%209.06L7.94%2011L6%2012.94zm3%203L9%2012.06L10.94%2014L9%2015.94zM15%2015.94L13.06%2014L15%2012.06L16.94%2014zm-3-3L13.94%2011L12%209.06L10.06%2011zm6%200L16.06%2011L18%209.06L19.94%2011z%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%22M3.21%203.042c-.463.539-.623%201.227-.603%202.208h18.787c.02-.981-.14-1.67-.604-2.208C19.892%202%2018.272%202%2015.033%202H8.967C5.727%202%204.108%202%203.21%203.042M3.034%208.89a85%2085%200%200%201-.304-2.14h.96L4.94%208L3.165%209.773zm.566%203.77l.349%202.33l.99-.99zm.625%204.175l.009.055q.111.753.21%201.36H6.69L7.94%2017L6%2015.06zm7.085%201.415h1.38L13.94%2017L12%2015.06L10.06%2017zm6%200h2.246q.099-.607.21-1.36l.009-.055L18%2015.061L16.06%2017zm2.742-3.26l.35-2.33L19.06%2014zm.782-5.217l.133-.883c.121-.81.227-1.518.304-2.14h-.96L19.06%208zM15.69%206.75h-1.38L13.06%208L15%209.94L16.94%208zm-6%200H8.31L7.06%208L9%209.94L10.94%208zm-4.932%2013c.196.686.451%201.165.868%201.523C6.47%2022%207.702%2022%2010.167%2022h3.666c2.465%200%203.697%200%204.541-.727c.417-.358.672-.837.868-1.523zM4.06%2011L6%209.06L7.94%2011L6%2012.94zm3%203L9%2012.06L10.94%2014L9%2015.94zM15%2015.94L13.06%2014L15%2012.06L16.94%2014zm-3-3L13.94%2011L12%209.06L10.06%2011zm6%200L16.06%2011L18%209.06L19.94%2011z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/trash-filled.svg?color=%231a73e8&size=48
