eraser icon

eraser from BoxIcons v2 by Boxicons · Regular · MIT Free for personal and commercial use.

Name
eraser
Set
BoxIcons v2
Style
Regular
Viewbox
24×24
License
MIT
Aliases
bx-eraser

The same icon in other sets

eraserBootstrap IconseraserBoxIcons v2 SolideraserCodiconseraserFont Awesome 6 SolideraserFont Awesome Solideraser-20-filledFluent UI System IconseraserHuge IconseraserLine AwesomeeraserSVG LogoseraserLucideeraserMajesticonseraserMaterial Design Iconseraser-fillMingCute IconeraserNoto EmojieraserOpenMojieraserPhosphoreraserPixelarticonseraserPrime IconseraserRadix Iconseraser-fillRemix IconeraserSimple Iconseraser-boldSolareraserTabler Icons

Use the eraser icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m2.586 15.408l4.299 4.299a1 1 0 0 0 .707.293h12.001v-2h-6.958l7.222-7.222c.78-.779.78-2.049 0-2.828L14.906 3a2.003 2.003 0 0 0-2.828 0l-4.75 4.749l-4.754 4.843a2.007 2.007 0 0 0 .012 2.816M13.492 4.414l4.95 4.95l-2.586 2.586L10.906 7zM8.749 9.156l.743-.742l4.95 4.95l-4.557 4.557a1 1 0 0 0-.069.079h-1.81l-4.005-4.007z"/></svg>

React

import type { SVGProps } from "react";

export function BxEraser(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="m2.586 15.408l4.299 4.299a1 1 0 0 0 .707.293h12.001v-2h-6.958l7.222-7.222c.78-.779.78-2.049 0-2.828L14.906 3a2.003 2.003 0 0 0-2.828 0l-4.75 4.749l-4.754 4.843a2.007 2.007 0 0 0 .012 2.816M13.492 4.414l4.95 4.95l-2.586 2.586L10.906 7zM8.749 9.156l.743-.742l4.95 4.95l-4.557 4.557a1 1 0 0 0-.069.079h-1.81l-4.005-4.007z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m2.586 15.408l4.299 4.299a1 1 0 0 0 .707.293h12.001v-2h-6.958l7.222-7.222c.78-.779.78-2.049 0-2.828L14.906 3a2.003 2.003 0 0 0-2.828 0l-4.75 4.749l-4.754 4.843a2.007 2.007 0 0 0 .012 2.816M13.492 4.414l4.95 4.95l-2.586 2.586L10.906 7zM8.749 9.156l.743-.742l4.95 4.95l-4.557 4.557a1 1 0 0 0-.069.079h-1.81l-4.005-4.007z"/></svg>
</template>

CSS

.icon-eraser {
  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%22m2.586%2015.408l4.299%204.299a1%201%200%200%200%20.707.293h12.001v-2h-6.958l7.222-7.222c.78-.779.78-2.049%200-2.828L14.906%203a2.003%202.003%200%200%200-2.828%200l-4.75%204.749l-4.754%204.843a2.007%202.007%200%200%200%20.012%202.816M13.492%204.414l4.95%204.95l-2.586%202.586L10.906%207zM8.749%209.156l.743-.742l4.95%204.95l-4.557%204.557a1%201%200%200%200-.069.079h-1.81l-4.005-4.007z%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%22m2.586%2015.408l4.299%204.299a1%201%200%200%200%20.707.293h12.001v-2h-6.958l7.222-7.222c.78-.779.78-2.049%200-2.828L14.906%203a2.003%202.003%200%200%200-2.828%200l-4.75%204.749l-4.754%204.843a2.007%202.007%200%200%200%20.012%202.816M13.492%204.414l4.95%204.95l-2.586%202.586L10.906%207zM8.749%209.156l.743-.742l4.95%204.95l-4.557%204.557a1%201%200%200%200-.069.079h-1.81l-4.005-4.007z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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