Copy Cursor SVG element, flat

Copy Cursor SVG element, flat

Two overlapping sheets beside an angled pointer represent duplication. It works in file manager tutorials and editing interface examples.

Free ยท from Cursors, flat

Similar SVGs

More from Cursors, flat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/F0ZW-TNXzWC0/amnt.svg" alt="Copy Cursor" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor"><path d="M13 3h13v4h-2V5h-9v2h-2V3Zm4 4h12v16H17v-2h10V9h-8v10h-2V7Z"/><path d="M3 11v18l5-5 3 6 3-1.5-3-6 7-1.5L3 11Z"/></svg>
CSS background-image
.copy-cursor {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/F0ZW-TNXzWC0/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.copy-cursor {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/F0ZW-TNXzWC0/amnt.svg") center / contain no-repeat;
}
React
import CopyCursorSvg from "./copy-cursor.jsx"; // from the React tab above

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

Tags

Made with AMNT

AMNT SVG 1.1 drew this from the words Copy Cursor: An angled pointer arrow beside two overlapping rectangular sheets. as part of the pack Cursors, flat. 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