delete left icon

delete-left from Prime Icons by PrimeTek · Regular · MIT Free for personal and commercial use.

Name
delete-left
Set
Prime Icons
Style
Regular
Viewbox
24×24
License
MIT

The same icon in other sets

delete-leftFramework7 Iconsdelete-leftFont Awesome 6 Soliddelete-leftFont Awesome Solid

Use the delete left icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.23 9.78L15.01 12l2.22 2.22c.29.29.29.77 0 1.06c-.15.15-.34.22-.53.22s-.38-.07-.53-.22l-2.22-2.22l-2.22 2.22c-.15.15-.34.22-.53.22s-.38-.07-.53-.22a.754.754 0 0 1 0-1.06L12.89 12l-2.22-2.22c-.29-.29-.29-.77 0-1.06s.77-.29 1.06 0l2.22 2.22l2.22-2.22c.29-.29.77-.29 1.06 0s.29.77 0 1.06M21.32 7v10c0 .96-.78 1.75-1.75 1.75H7.64c-.61 0-1.16-.31-1.48-.82l-3.29-5.27c-.25-.4-.25-.92 0-1.33l3.29-5.26c.32-.51.88-.82 1.48-.82h11.94c.96 0 1.75.79 1.75 1.75Zm-1.5 0c0-.14-.11-.25-.25-.25H7.64c-.09 0-.17.04-.21.12L4.22 12l3.21 5.13c.05.07.13.12.21.12h11.94c.14 0 .25-.11.25-.25V7Z"/></svg>

React

import type { SVGProps } from "react";

export function PrimeDeleteLeft(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="M17.23 9.78L15.01 12l2.22 2.22c.29.29.29.77 0 1.06c-.15.15-.34.22-.53.22s-.38-.07-.53-.22l-2.22-2.22l-2.22 2.22c-.15.15-.34.22-.53.22s-.38-.07-.53-.22a.754.754 0 0 1 0-1.06L12.89 12l-2.22-2.22c-.29-.29-.29-.77 0-1.06s.77-.29 1.06 0l2.22 2.22l2.22-2.22c.29-.29.77-.29 1.06 0s.29.77 0 1.06M21.32 7v10c0 .96-.78 1.75-1.75 1.75H7.64c-.61 0-1.16-.31-1.48-.82l-3.29-5.27c-.25-.4-.25-.92 0-1.33l3.29-5.26c.32-.51.88-.82 1.48-.82h11.94c.96 0 1.75.79 1.75 1.75Zm-1.5 0c0-.14-.11-.25-.25-.25H7.64c-.09 0-.17.04-.21.12L4.22 12l3.21 5.13c.05.07.13.12.21.12h11.94c.14 0 .25-.11.25-.25V7Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.23 9.78L15.01 12l2.22 2.22c.29.29.29.77 0 1.06c-.15.15-.34.22-.53.22s-.38-.07-.53-.22l-2.22-2.22l-2.22 2.22c-.15.15-.34.22-.53.22s-.38-.07-.53-.22a.754.754 0 0 1 0-1.06L12.89 12l-2.22-2.22c-.29-.29-.29-.77 0-1.06s.77-.29 1.06 0l2.22 2.22l2.22-2.22c.29-.29.77-.29 1.06 0s.29.77 0 1.06M21.32 7v10c0 .96-.78 1.75-1.75 1.75H7.64c-.61 0-1.16-.31-1.48-.82l-3.29-5.27c-.25-.4-.25-.92 0-1.33l3.29-5.26c.32-.51.88-.82 1.48-.82h11.94c.96 0 1.75.79 1.75 1.75Zm-1.5 0c0-.14-.11-.25-.25-.25H7.64c-.09 0-.17.04-.21.12L4.22 12l3.21 5.13c.05.07.13.12.21.12h11.94c.14 0 .25-.11.25-.25V7Z"/></svg>
</template>

CSS

.icon-delete-left {
  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%22M17.23%209.78L15.01%2012l2.22%202.22c.29.29.29.77%200%201.06c-.15.15-.34.22-.53.22s-.38-.07-.53-.22l-2.22-2.22l-2.22%202.22c-.15.15-.34.22-.53.22s-.38-.07-.53-.22a.754.754%200%200%201%200-1.06L12.89%2012l-2.22-2.22c-.29-.29-.29-.77%200-1.06s.77-.29%201.06%200l2.22%202.22l2.22-2.22c.29-.29.77-.29%201.06%200s.29.77%200%201.06M21.32%207v10c0%20.96-.78%201.75-1.75%201.75H7.64c-.61%200-1.16-.31-1.48-.82l-3.29-5.27c-.25-.4-.25-.92%200-1.33l3.29-5.26c.32-.51.88-.82%201.48-.82h11.94c.96%200%201.75.79%201.75%201.75Zm-1.5%200c0-.14-.11-.25-.25-.25H7.64c-.09%200-.17.04-.21.12L4.22%2012l3.21%205.13c.05.07.13.12.21.12h11.94c.14%200%20.25-.11.25-.25V7Z%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%22M17.23%209.78L15.01%2012l2.22%202.22c.29.29.29.77%200%201.06c-.15.15-.34.22-.53.22s-.38-.07-.53-.22l-2.22-2.22l-2.22%202.22c-.15.15-.34.22-.53.22s-.38-.07-.53-.22a.754.754%200%200%201%200-1.06L12.89%2012l-2.22-2.22c-.29-.29-.29-.77%200-1.06s.77-.29%201.06%200l2.22%202.22l2.22-2.22c.29-.29.77-.29%201.06%200s.29.77%200%201.06M21.32%207v10c0%20.96-.78%201.75-1.75%201.75H7.64c-.61%200-1.16-.31-1.48-.82l-3.29-5.27c-.25-.4-.25-.92%200-1.33l3.29-5.26c.32-.51.88-.82%201.48-.82h11.94c.96%200%201.75.79%201.75%201.75Zm-1.5%200c0-.14-.11-.25-.25-.25H7.64c-.09%200-.17.04-.21.12L4.22%2012l3.21%205.13c.05.07.13.12.21.12h11.94c.14%200%20.25-.11.25-.25V7Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/prime/delete-left.svg?color=%231a73e8&size=48

Delete Left icon — Prime Icons · IconsDB