erase 3d icon

erase-3d from Carbon by IBM · Outline · Apache-2.0 Free for personal and commercial use.

Name
erase-3d
Set
Carbon
Style
Outline
Viewbox
32×32
License
Apache 2.0

Use the erase 3d icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path d="M30.415 16.513l-7.927-7.927a2.001 2.001 0 0 0-2.83 0L5.622 22.624a2.002 2.002 0 0 0 0 2.83L10.166 30h9.591l10.658-10.659a2.001 2.001 0 0 0 0-2.828zM18.929 28h-7.934l-3.96-3.962l6.312-6.312l7.928 7.928zm3.76-3.76l-7.928-7.928L21.074 10l7.927 7.927z" fill="currentColor"/><path d="M11 12H8V2h3a3.003 3.003 0 0 1 3 3v4a3.003 3.003 0 0 1-3 3zm-1-2h1a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1h-1z" fill="currentColor"/><path d="M4 2H0v2h4v2H1v2h3v2H0v2h4a2.003 2.003 0 0 0 2-2V4a2.002 2.002 0 0 0-2-2z" fill="currentColor"/></svg>

React

import type { SVGProps } from "react";

export function CarbonErase3d(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path d="M30.415 16.513l-7.927-7.927a2.001 2.001 0 0 0-2.83 0L5.622 22.624a2.002 2.002 0 0 0 0 2.83L10.166 30h9.591l10.658-10.659a2.001 2.001 0 0 0 0-2.828zM18.929 28h-7.934l-3.96-3.962l6.312-6.312l7.928 7.928zm3.76-3.76l-7.928-7.928L21.074 10l7.927 7.927z" fill="currentColor"/><path d="M11 12H8V2h3a3.003 3.003 0 0 1 3 3v4a3.003 3.003 0 0 1-3 3zm-1-2h1a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1h-1z" fill="currentColor"/><path d="M4 2H0v2h4v2H1v2h3v2H0v2h4a2.003 2.003 0 0 0 2-2V4a2.002 2.002 0 0 0-2-2z" fill="currentColor"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path d="M30.415 16.513l-7.927-7.927a2.001 2.001 0 0 0-2.83 0L5.622 22.624a2.002 2.002 0 0 0 0 2.83L10.166 30h9.591l10.658-10.659a2.001 2.001 0 0 0 0-2.828zM18.929 28h-7.934l-3.96-3.962l6.312-6.312l7.928 7.928zm3.76-3.76l-7.928-7.928L21.074 10l7.927 7.927z" fill="currentColor"/><path d="M11 12H8V2h3a3.003 3.003 0 0 1 3 3v4a3.003 3.003 0 0 1-3 3zm-1-2h1a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1h-1z" fill="currentColor"/><path d="M4 2H0v2h4v2H1v2h3v2H0v2h4a2.003 2.003 0 0 0 2-2V4a2.002 2.002 0 0 0-2-2z" fill="currentColor"/></svg>
</template>

CSS

.icon-erase-3d {
  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%2032%2032%22%3E%3Cpath%20d%3D%22M30.415%2016.513l-7.927-7.927a2.001%202.001%200%200%200-2.83%200L5.622%2022.624a2.002%202.002%200%200%200%200%202.83L10.166%2030h9.591l10.658-10.659a2.001%202.001%200%200%200%200-2.828zM18.929%2028h-7.934l-3.96-3.962l6.312-6.312l7.928%207.928zm3.76-3.76l-7.928-7.928L21.074%2010l7.927%207.927z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M11%2012H8V2h3a3.003%203.003%200%200%201%203%203v4a3.003%203.003%200%200%201-3%203zm-1-2h1a1%201%200%200%200%201-1V5a1%201%200%200%200-1-1h-1z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M4%202H0v2h4v2H1v2h3v2H0v2h4a2.003%202.003%200%200%200%202-2V4a2.002%202.002%200%200%200-2-2z%22%20fill%3D%22currentColor%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%2032%2032%22%3E%3Cpath%20d%3D%22M30.415%2016.513l-7.927-7.927a2.001%202.001%200%200%200-2.83%200L5.622%2022.624a2.002%202.002%200%200%200%200%202.83L10.166%2030h9.591l10.658-10.659a2.001%202.001%200%200%200%200-2.828zM18.929%2028h-7.934l-3.96-3.962l6.312-6.312l7.928%207.928zm3.76-3.76l-7.928-7.928L21.074%2010l7.927%207.927z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M11%2012H8V2h3a3.003%203.003%200%200%201%203%203v4a3.003%203.003%200%200%201-3%203zm-1-2h1a1%201%200%200%200%201-1V5a1%201%200%200%200-1-1h-1z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M4%202H0v2h4v2H1v2h3v2H0v2h4a2.003%202.003%200%200%200%202-2V4a2.002%202.002%200%200%200-2-2z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/carbon/erase-3d.svg?color=%231a73e8&size=48