eraser icon

eraser from Font Awesome Solid by Dave Gandy · Solid · Business · CC-BY-4.0 Attribution required.

Name
eraser
Set
Font Awesome Solid
Style
Solid
Category
Business
Viewbox
640×640
License
CC BY 4.0

The same icon in other sets

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

More business icons from Font Awesome Solid

address-bookaddress-cardarchivebalance-scalebalance-scale-leftbalance-scale-rightbirthday-cakebookbriefcasebullhornbullseyebusiness-timecalculatorcalendarcalendar-altcertificatechart-areachart-barchart-pieclipboardcolumnscompasscopycopyright

Use the eraser icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M210.5 480h123l65.3-65.3l-173.5-173.5L98.6 367.9l112 112zm45.5 64h-45.5c-17 0-33.3-6.7-45.3-18.7L49 409c-10.9-10.9-17-25.6-17-41s6.1-30.1 17-41L295 81c10.9-10.9 25.6-17 41-17s30.1 6.1 41 17l182 182c10.9 10.9 17 25.6 17 41s-6.1 30.1-17 41L424 480h120c17.7 0 32 14.3 32 32s-14.3 32-32 32z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidEraser(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M210.5 480h123l65.3-65.3l-173.5-173.5L98.6 367.9l112 112zm45.5 64h-45.5c-17 0-33.3-6.7-45.3-18.7L49 409c-10.9-10.9-17-25.6-17-41s6.1-30.1 17-41L295 81c10.9-10.9 25.6-17 41-17s30.1 6.1 41 17l182 182c10.9 10.9 17 25.6 17 41s-6.1 30.1-17 41L424 480h120c17.7 0 32 14.3 32 32s-14.3 32-32 32z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M210.5 480h123l65.3-65.3l-173.5-173.5L98.6 367.9l112 112zm45.5 64h-45.5c-17 0-33.3-6.7-45.3-18.7L49 409c-10.9-10.9-17-25.6-17-41s6.1-30.1 17-41L295 81c10.9-10.9 25.6-17 41-17s30.1 6.1 41 17l182 182c10.9 10.9 17 25.6 17 41s-6.1 30.1-17 41L424 480h120c17.7 0 32 14.3 32 32s-14.3 32-32 32z"/></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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M210.5%20480h123l65.3-65.3l-173.5-173.5L98.6%20367.9l112%20112zm45.5%2064h-45.5c-17%200-33.3-6.7-45.3-18.7L49%20409c-10.9-10.9-17-25.6-17-41s6.1-30.1%2017-41L295%2081c10.9-10.9%2025.6-17%2041-17s30.1%206.1%2041%2017l182%20182c10.9%2010.9%2017%2025.6%2017%2041s-6.1%2030.1-17%2041L424%20480h120c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032z%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M210.5%20480h123l65.3-65.3l-173.5-173.5L98.6%20367.9l112%20112zm45.5%2064h-45.5c-17%200-33.3-6.7-45.3-18.7L49%20409c-10.9-10.9-17-25.6-17-41s6.1-30.1%2017-41L295%2081c10.9-10.9%2025.6-17%2041-17s30.1%206.1%2041%2017l182%20182c10.9%2010.9%2017%2025.6%2017%2041s-6.1%2030.1-17%2041L424%20480h120c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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