Eraser Cursor SVG element, flat

Eraser Cursor SVG element, flat

A tilted eraser with a clipped corner and two debris marks shows removal. Use it in drawing app toolbars or image-editing tutorials.

Similar SVGs

More from Cursors, flat · Set 2

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/2CF0nZvpxCFz/amnt.svg" alt="Eraser Cursor" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="rose" data-name="Rose"><path d="M438 620c29-18 56-42 84-62 67-49 133-98 200-146 48-35 95-70 143-105 10-7 26-15 33-26 6-9 4-20-1-29-8-13-67-54-83-66-19-15-68-56-86-65-8-4-17-5-25-4-16 3-29 17-41 26-47 34-95 69-142 104-63 46-127 93-191 140-31 22-61 47-93 68z" fill="#ed6a86" stroke="#ed6a86"/><path d="M905 301c-33 21-64 46-95 69-66 49-133 97-199 146-49 36-98 71-147 107-6 5-15 9-20 16-11 14-17 35-25 51-15 31-33 63-45 95 24-10 67-45 90-62 69-51 139-100 208-150 48-36 98-71 147-107 18-13 68-44 79-60 5-6 7-14 8-21 3-27-1-56-1-84z" fill="#ed6a86" stroke="#ed6a86"/></g><g id="black" data-name="Black"><path d="M704 98c-28 3-90 56-115 75-36 26-73 53-109 80-72 53-145 106-218 160-14 10-39 23-49 37-10 12-27 50-36 67-11 21-42 71-47 92-3 14-2 29 3 42 11 29 71 72 96 94 35 30 69 72 120 66 14-2 29-6 42-13 21-12 41-29 61-43 42-31 85-61 127-91 73-54 147-106 219-159 23-17 46-34 69-50 13-10 28-19 40-30 9-9 14-21 17-33 4-21 1-111-4-133-3-10-8-21-16-28-7-7-16-13-24-19-19-14-39-29-58-44-29-22-82-73-118-70zM438 620l-202-165c32-21 62-46 93-68 64-47 128-94 191-140 47-35 95-70 142-104 12-9 25-23 41-26 8-1 17 0 25 4 18 9 67 50 86 65 16 12 75 53 83 66 5 9 7 20 1 29-7 11-23 19-33 26-48 35-95 70-143 105-67 48-133 97-200 146-28 20-55 44-84 62zM905 301c0 28 4 57 1 84-1 7-3 15-8 21-11 16-61 47-79 60-49 36-99 71-147 107-69 50-139 99-208 150-23 17-66 52-90 62 12-32 30-64 45-95 8-16 14-37 25-51 5-7 14-11 20-16 49-36 98-71 147-107 66-49 133-97 199-146 31-23 62-48 95-69zM224 470l201 163c-14 33-31 66-47 99-6 14-12 29-20 42-25 43-65 1-88-19-11-10-24-20-35-30-14-12-28-24-42-36-24-21-58-43-43-81 6-16 66-128 74-138z" fill="#26292d" stroke="#26292d"/><path d="M176 760c-9 1-18 7-25 11-46 31-26 71 22 79 76 13 54-95 3-90zm0 19c26-4 49 65-3 52-30-7-42-23-13-43 5-3 11-8 16-9z" fill="#26292d" stroke="#26292d"/><path d="M265 845c-43 6-47 71-2 65 39-6 50-71 2-65zm0 19c25-4 12 22-2 26-21 7-16-22 2-26z" fill="#26292d" stroke="#26292d"/></g><g id="pink" data-name="Pink"><path d="M224 470c-8 10-68 122-74 138-15 38 19 60 43 81 14 12 28 24 42 36 11 10 24 20 35 30 23 20 63 62 88 19 8-13 14-28 20-42 16-33 33-66 47-99z" fill="#fcb9ca" stroke="#fcb9ca"/></g><g id="grey" data-name="Grey"><path d="M176 779c-5 1-11 6-16 9-29 20-17 36 13 43 52 13 29-56 3-52z" fill="#9399a2" stroke="#9399a2"/><path d="M265 864c-18 4-23 33-2 26 14-4 27-30 2-26z" fill="#9399a2" stroke="#9399a2"/></g></svg>
CSS background-image
.eraser-cursor {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/2CF0nZvpxCFz/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.eraser-cursor {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/2CF0nZvpxCFz/amnt.svg") center / contain no-repeat;
}
React
import EraserCursorSvg from "./eraser-cursor.jsx"; // from the React tab above

<EraserCursorSvg width={48} height={48} />

Tags

Made with AMNT

AMNT Draw 1.2 drew this from the words Eraser Cursor: A tilted rectangular eraser with one clipped corner and two small debris marks. A flat element. as part of the pack Cursors, flat · Set 2. Want one like it? Make your own in the SVG studio.

Licence: free. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence

Settings