Eraser icon

noto:eraser

The Eraser icon (noto:eraser) is a free SVG icon from the Noto Emoji set by Google Inc. It is drawn on a 128 × 128 grid. Noto Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Noto Emoji
Author: Google Inc
License: Apache-2.0
Size: 128 × 128
Category: Objects

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#ed80ad" d="m31.227 115.642l-2.663 1.6s.55.906 1.882 1.048c1.691.173 1.691-.03 2.332.214s1.361.092 1.661-.122s.33-.988.21-1.263s-.45-.59-.45-.59s1.051-1.05.911-2.72c-.13-1.528-.48-1.945-.98-2.088c-.451-.132-.812.061-.812.061l-.73 4.196zm-7.997-5.764l-2.243.275s-.48 1.354 1.191 1.782s3.013.305 3.433.224c.691-.132.971-1.528.31-1.976c-.89-.611-2.692-.305-2.692-.305zm-17.587 6.966l-.54 3.025s.88.794 1.941.61c1.191-.203 1.071-1.364 1.071-1.364s2.132-.05 2.032-1.507c-.08-1.202-3.363-1.508-3.363-1.508l-1.141.754zm18.307 3.167l-5.095-1.914s-1 .122-1.241.957c-.29.998.92 1.731 1.631 2.067c.54.255 1.832.703 2.032.958c.25.316-1.08.855-.25 1.456c1.732 1.263 3.023-.448 3.023-.448s2.873.204 3.063-.957c.14-.846-.25-1.314-.25-1.314l-2.923-.805zm14.003-2.974l-1.882.5s-.2 1.812 1.381 1.812c1.582 0 2.823.051 3.363.051s1.091-1.558.44-1.914c-.65-.357-1.14-.601-1.14-.601l-2.172.152z"/><path fill="#ce6394" d="m55.109 103.074l-11.601 13.678s6.936 4.278 12.141 3.3s10.76-4.176 14.984-9.431s41.028-52.512 44.321-56.861s5.695-10.266 7.497-14.422s1.642-7.69 1.411-9.482s-7.136.173-7.136.173l-61.607 73.035z"/><path fill="#ff9bb2" d="M25.104 71.02c-1.537 2.343-5.061 15.086-5.902 18.537s-1.389 5.893.971 8.392c2.27 2.405 7.62 7.325 11.344 10.258c5.255 4.145 12 8.555 12 8.555s4.615 2.383 12.102-2.534s14.329-15.642 14.329-15.642z"/><radialGradient id="SVGnaeqGdTk" cx="27.45" cy="63.86" r="59.545" gradientTransform="matrix(1 0 0 1.01753 0 -1.122)" gradientUnits="userSpaceOnUse"><stop offset=".643" stop-color="#ce6394" stop-opacity="0"/><stop offset=".941" stop-color="#ce6394"/></radialGradient><path fill="url(#SVGnaeqGdTk)" d="M25.104 71.628c-1.537 2.343-5.061 14.478-5.902 17.93s-1.389 5.892.971 8.391c2.27 2.405 7.62 7.325 11.344 10.258c5.255 4.145 12 8.555 12 8.555s4.615 2.383 12.102-2.534s14.329-15.642 14.329-15.642z"/><path fill="#ff9bb2" d="M25.104 71.02L59.4 99.305c3.684 3.038 7.589 3.052 10.549-.719c14.03-17.871 52.273-65.277 52.994-66.224c.89-1.172 2.051-2.72-1.041-5.643s-11.14-8.911-15.635-12.405c-4.204-3.259-10.44-8.575-13.052-9.614s-7.387-1.14-9.8 1.222s-58.31 65.098-58.31 65.098z"/><linearGradient id="SVGUcvQfdeZ" x1="53.174" x2="56.557" y1="40.609" y2="43.498" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ffbad4"/><stop offset="1" stop-color="#ffbad4" stop-opacity="0"/></linearGradient><path fill="url(#SVGUcvQfdeZ)" d="m32.559 77.617l-7.455-6.287s.152-.987 1.298-2.257L80.032 9.67l4.497 3.024z"/><linearGradient id="SVGX4T9GdWy" x1="82.519" x2="66.739" y1="17.325" y2="32.772" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ff9bb2"/><stop offset="1" stop-color="#ff9bb2" stop-opacity="0"/></linearGradient><path fill="url(#SVGX4T9GdWy)" d="m92.95 12.377l-8.764-7.068l-24.228 26.596l10.17 7.933z"/><linearGradient id="SVGUsFGFuop" x1="44.354" x2="48.904" y1="89.14" y2="82.796" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ffbad4" stop-opacity="0"/><stop offset=".069" stop-color="#ffbad4" stop-opacity=".14"/><stop offset=".493" stop-color="#ffbad4"/><stop offset="1" stop-color="#ffbad4" stop-opacity="0"/></linearGradient><path fill="url(#SVGUsFGFuop)" d="M25.513 71.029c-1.31 2.306-1.294 4.188 1.919 6.602c3.203 2.414 30.21 20.641 31.763 21.753s6.416 4.009 8.97.947c3.195-3.833-5.555-9.178-5.555-9.178s-28.458-20.1-31.048-21.675s-5.305.241-6.049 1.55z"/><linearGradient id="SVGbN8HGeXq" x1="47.391" x2="64.598" y1="85.385" y2="81.931" gradientUnits="userSpaceOnUse"><stop offset=".454" stop-color="#ff9bb2" stop-opacity="0"/><stop offset="1" stop-color="#ff9bb2" stop-opacity=".971"/></linearGradient><path fill="url(#SVGbN8HGeXq)" d="M25.51 71.233c-1.311 2.306-1.295 4.188 1.917 6.602C30.63 80.25 55.761 97.163 58.422 99.03c1.7 1.192 6.716 5.452 10.901.28c2.019-2.495-6.717-7.953-6.717-7.953s-28.458-20.1-31.048-21.674c-2.59-1.575-5.305.24-6.049 1.55z"/><path fill="#ff9bb2" d="m54.018 122.374l-.52-3.412h-.852s-.47.774-.99 1.11c-.521.337-6.096.286-6.947.286s-2.092.244-2.032 1.344c.05.917 1.982 1.253 1.982 1.253z"/><path fill="#ed80ad" d="M44.659 122.945s4.394 1.11 7.417 1.008c2.832-.092 3.873-.723 3.453-2.933c-.31-1.6-1.04-3.025-2.272-2.842s-.19 2.404-.8 3.076s-7.798 1.68-7.798 1.68v.01z"/><path fill="#ff9bb2" d="M40.125 116.885s-1.742-1.029-2.783-.856c-1.231.214-1.271 1.518-1.271 1.518s.74.947 2.272.651s1.782-1.313 1.782-1.313m-21.27 1.212s2.612-.306 4.704.448c2.373.855 3.303 2.27 3.303 2.27s-2.172 1.111-5.194-.203s-2.823-2.515-2.823-2.515zm-13.753 1.762s1.241-.449 1.632-1.508s.05-2.26.05-2.26s-1.782-.5-2.573 1.16s.891 2.618.891 2.618zm15.885-9.696s.48-.988 2.392-.835c1.542.122 2.543.865 2.543.865s-.3.866-2.122.866s-2.813-.896-2.813-.896m12.331 1.629s-.33.184-.33.652s-.45.947-1.12 1.66c-1.032 1.11-2.363.184-3.304.958c-.67.55-.39 1.72 0 2.19c.39.468 2.422.519 3.423-.062c1.001-.58 1.842-1.375 2.092-2.964c.18-1.14.03-2.373-.76-2.434z"/></svg>

How to use the Eraser icon

React

import { Icon } from "@iconify/react";

<Icon icon="noto:eraser" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="noto:eraser" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="noto:eraser" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[noto--eraser]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/noto -->
<div class="i-noto:eraser"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="noto:eraser"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/noto/eraser.svg" alt="Eraser icon" width="24" height="24">

Eraser icon in other icon sets

Eraser icon FAQ

Is the Eraser icon free for commercial use?

Yes. Noto Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.

How do I use the Eraser icon in React?

Install @iconify/react and render <Icon icon="noto:eraser" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Eraser icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/noto/eraser.svg" alt="Eraser icon">, or paste the SVG code inline to style it with CSS.

Browse all Noto Emoji icons →