trash two icon
trash-two-solid from Myna UI Icons by Praveen Juge · Solid · MIT Free for personal and commercial use.
- Name
- trash-two-solid
- Set
- Myna UI Icons
- Style
- Solid
- Viewbox
- 24×24
- License
- MIT
1 other variant in Myna UI Icons
Related icons in Myna UI Icons
Use the trash two icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m6.108 5.75l.064.042c.252.154.666.32 1.243.47c1.144.296 2.766.488 4.585.488c1.82 0 3.44-.192 4.585-.489c.578-.15.991-.315 1.243-.47q.037-.021.064-.041l-.064-.042c-.252-.154-.665-.32-1.243-.47C15.44 4.943 13.819 4.75 12 4.75c-1.82 0-3.44.192-4.585.489c-.577.15-.991.315-1.243.47zm-1.602.12a1 1 0 0 1-.006-.12c0-.657.5-1.082.889-1.32c.431-.265 1.006-.477 1.65-.643C8.338 3.45 10.092 3.25 12 3.25s3.662.2 4.961.537c.644.166 1.219.378 1.65.642c.39.239.89.664.89 1.321l-.001.012a1.2 1.2 0 0 1-.021.218l-1.715 12.091a4 4 0 0 1-.852 1.924a3.75 3.75 0 0 1-1.704 1.187l-.246.082a9.27 9.27 0 0 1-5.924 0l-.246-.082a3.74 3.74 0 0 1-1.704-1.187a4 4 0 0 1-.852-1.925l-.001-.009L4.52 5.981a1 1 0 0 1-.015-.112"/></svg>
React
import type { SVGProps } from "react";
export function MynauiTrashTwoSolid(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="m6.108 5.75l.064.042c.252.154.666.32 1.243.47c1.144.296 2.766.488 4.585.488c1.82 0 3.44-.192 4.585-.489c.578-.15.991-.315 1.243-.47q.037-.021.064-.041l-.064-.042c-.252-.154-.665-.32-1.243-.47C15.44 4.943 13.819 4.75 12 4.75c-1.82 0-3.44.192-4.585.489c-.577.15-.991.315-1.243.47zm-1.602.12a1 1 0 0 1-.006-.12c0-.657.5-1.082.889-1.32c.431-.265 1.006-.477 1.65-.643C8.338 3.45 10.092 3.25 12 3.25s3.662.2 4.961.537c.644.166 1.219.378 1.65.642c.39.239.89.664.89 1.321l-.001.012a1.2 1.2 0 0 1-.021.218l-1.715 12.091a4 4 0 0 1-.852 1.924a3.75 3.75 0 0 1-1.704 1.187l-.246.082a9.27 9.27 0 0 1-5.924 0l-.246-.082a3.74 3.74 0 0 1-1.704-1.187a4 4 0 0 1-.852-1.925l-.001-.009L4.52 5.981a1 1 0 0 1-.015-.112"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m6.108 5.75l.064.042c.252.154.666.32 1.243.47c1.144.296 2.766.488 4.585.488c1.82 0 3.44-.192 4.585-.489c.578-.15.991-.315 1.243-.47q.037-.021.064-.041l-.064-.042c-.252-.154-.665-.32-1.243-.47C15.44 4.943 13.819 4.75 12 4.75c-1.82 0-3.44.192-4.585.489c-.577.15-.991.315-1.243.47zm-1.602.12a1 1 0 0 1-.006-.12c0-.657.5-1.082.889-1.32c.431-.265 1.006-.477 1.65-.643C8.338 3.45 10.092 3.25 12 3.25s3.662.2 4.961.537c.644.166 1.219.378 1.65.642c.39.239.89.664.89 1.321l-.001.012a1.2 1.2 0 0 1-.021.218l-1.715 12.091a4 4 0 0 1-.852 1.924a3.75 3.75 0 0 1-1.704 1.187l-.246.082a9.27 9.27 0 0 1-5.924 0l-.246-.082a3.74 3.74 0 0 1-1.704-1.187a4 4 0 0 1-.852-1.925l-.001-.009L4.52 5.981a1 1 0 0 1-.015-.112"/></svg> </template>
CSS
.icon-trash-two-solid {
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%22m6.108%205.75l.064.042c.252.154.666.32%201.243.47c1.144.296%202.766.488%204.585.488c1.82%200%203.44-.192%204.585-.489c.578-.15.991-.315%201.243-.47q.037-.021.064-.041l-.064-.042c-.252-.154-.665-.32-1.243-.47C15.44%204.943%2013.819%204.75%2012%204.75c-1.82%200-3.44.192-4.585.489c-.577.15-.991.315-1.243.47zm-1.602.12a1%201%200%200%201-.006-.12c0-.657.5-1.082.889-1.32c.431-.265%201.006-.477%201.65-.643C8.338%203.45%2010.092%203.25%2012%203.25s3.662.2%204.961.537c.644.166%201.219.378%201.65.642c.39.239.89.664.89%201.321l-.001.012a1.2%201.2%200%200%201-.021.218l-1.715%2012.091a4%204%200%200%201-.852%201.924a3.75%203.75%200%200%201-1.704%201.187l-.246.082a9.27%209.27%200%200%201-5.924%200l-.246-.082a3.74%203.74%200%200%201-1.704-1.187a4%204%200%200%201-.852-1.925l-.001-.009L4.52%205.981a1%201%200%200%201-.015-.112%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%22m6.108%205.75l.064.042c.252.154.666.32%201.243.47c1.144.296%202.766.488%204.585.488c1.82%200%203.44-.192%204.585-.489c.578-.15.991-.315%201.243-.47q.037-.021.064-.041l-.064-.042c-.252-.154-.665-.32-1.243-.47C15.44%204.943%2013.819%204.75%2012%204.75c-1.82%200-3.44.192-4.585.489c-.577.15-.991.315-1.243.47zm-1.602.12a1%201%200%200%201-.006-.12c0-.657.5-1.082.889-1.32c.431-.265%201.006-.477%201.65-.643C8.338%203.45%2010.092%203.25%2012%203.25s3.662.2%204.961.537c.644.166%201.219.378%201.65.642c.39.239.89.664.89%201.321l-.001.012a1.2%201.2%200%200%201-.021.218l-1.715%2012.091a4%204%200%200%201-.852%201.924a3.75%203.75%200%200%201-1.704%201.187l-.246.082a9.27%209.27%200%200%201-5.924%200l-.246-.082a3.74%203.74%200%200%201-1.704-1.187a4%204%200%200%201-.852-1.925l-.001-.009L4.52%205.981a1%201%200%200%201-.015-.112%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mynaui/trash-two-solid.svg?color=%231a73e8&size=48
