eraser icon
eraser from Prime Icons by PrimeTek · Regular · MIT Free for personal and commercial use.
- Name
- eraser
- Set
- Prime Icons
- Style
- Regular
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
eraserBootstrap IconseraserBoxIcons v2eraserBoxIcons v2 SolideraserCodiconseraserFont Awesome 6 SolideraserFont Awesome Solideraser-20-filledFluent UI System IconseraserHuge IconseraserLine AwesomeeraserSVG LogoseraserLucideeraserMajesticonseraserMaterial Design Iconseraser-fillMingCute IconeraserNoto EmojieraserOpenMojieraserPhosphoreraserPixelarticonseraserRadix 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="M20.25 9.84c0-.46-.18-.9-.51-1.23l-4.35-4.35c-.68-.68-1.78-.68-2.46 0l-8.67 8.67c-.33.33-.51.77-.51 1.23s.18.9.51 1.23l4.35 4.35c.34.34.78.51 1.23.51c.04 0 .09 0 .13-.01h8.04c.41 0 .75-.34.75-.75s-.34-.75-.75-.75h-5.95l7.67-7.67c.33-.33.51-.77.51-1.23ZM5.32 14.33c-.06-.06-.07-.13-.07-.17s0-.11.07-.17l3.8-3.8l4.69 4.69l-3.8 3.8c-.09.09-.24.09-.34 0l-4.35-4.36Zm13.36-4.31l-3.8 3.8l-4.69-4.69l3.8-3.8c.09-.09.24-.09.34 0l4.35 4.36c.06.06.07.13.07.17s0 .11-.07.17Z"/></svg>
React
import type { SVGProps } from "react";
export function PrimeEraser(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="M20.25 9.84c0-.46-.18-.9-.51-1.23l-4.35-4.35c-.68-.68-1.78-.68-2.46 0l-8.67 8.67c-.33.33-.51.77-.51 1.23s.18.9.51 1.23l4.35 4.35c.34.34.78.51 1.23.51c.04 0 .09 0 .13-.01h8.04c.41 0 .75-.34.75-.75s-.34-.75-.75-.75h-5.95l7.67-7.67c.33-.33.51-.77.51-1.23ZM5.32 14.33c-.06-.06-.07-.13-.07-.17s0-.11.07-.17l3.8-3.8l4.69 4.69l-3.8 3.8c-.09.09-.24.09-.34 0l-4.35-4.36Zm13.36-4.31l-3.8 3.8l-4.69-4.69l3.8-3.8c.09-.09.24-.09.34 0l4.35 4.36c.06.06.07.13.07.17s0 .11-.07.17Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.25 9.84c0-.46-.18-.9-.51-1.23l-4.35-4.35c-.68-.68-1.78-.68-2.46 0l-8.67 8.67c-.33.33-.51.77-.51 1.23s.18.9.51 1.23l4.35 4.35c.34.34.78.51 1.23.51c.04 0 .09 0 .13-.01h8.04c.41 0 .75-.34.75-.75s-.34-.75-.75-.75h-5.95l7.67-7.67c.33-.33.51-.77.51-1.23ZM5.32 14.33c-.06-.06-.07-.13-.07-.17s0-.11.07-.17l3.8-3.8l4.69 4.69l-3.8 3.8c-.09.09-.24.09-.34 0l-4.35-4.36Zm13.36-4.31l-3.8 3.8l-4.69-4.69l3.8-3.8c.09-.09.24-.09.34 0l4.35 4.36c.06.06.07.13.07.17s0 .11-.07.17Z"/></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%22M20.25%209.84c0-.46-.18-.9-.51-1.23l-4.35-4.35c-.68-.68-1.78-.68-2.46%200l-8.67%208.67c-.33.33-.51.77-.51%201.23s.18.9.51%201.23l4.35%204.35c.34.34.78.51%201.23.51c.04%200%20.09%200%20.13-.01h8.04c.41%200%20.75-.34.75-.75s-.34-.75-.75-.75h-5.95l7.67-7.67c.33-.33.51-.77.51-1.23ZM5.32%2014.33c-.06-.06-.07-.13-.07-.17s0-.11.07-.17l3.8-3.8l4.69%204.69l-3.8%203.8c-.09.09-.24.09-.34%200l-4.35-4.36Zm13.36-4.31l-3.8%203.8l-4.69-4.69l3.8-3.8c.09-.09.24-.09.34%200l4.35%204.36c.06.06.07.13.07.17s0%20.11-.07.17Z%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%22M20.25%209.84c0-.46-.18-.9-.51-1.23l-4.35-4.35c-.68-.68-1.78-.68-2.46%200l-8.67%208.67c-.33.33-.51.77-.51%201.23s.18.9.51%201.23l4.35%204.35c.34.34.78.51%201.23.51c.04%200%20.09%200%20.13-.01h8.04c.41%200%20.75-.34.75-.75s-.34-.75-.75-.75h-5.95l7.67-7.67c.33-.33.51-.77.51-1.23ZM5.32%2014.33c-.06-.06-.07-.13-.07-.17s0-.11.07-.17l3.8-3.8l4.69%204.69l-3.8%203.8c-.09.09-.24.09-.34%200l-4.35-4.36Zm13.36-4.31l-3.8%203.8l-4.69-4.69l3.8-3.8c.09-.09.24-.09.34%200l4.35%204.36c.06.06.07.13.07.17s0%20.11-.07.17Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/prime/eraser.svg?color=%231a73e8&size=48
