Copy Cursor SVG element, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/niE_0Xz98RQD/amnt.svg" alt="Copy Cursor" width="48" height="48">

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="white" data-name="White"><path d="M310 460v22l-1 194v14c0 12-2 24-1 36 5 50 57 42 93 41h13l96-1h9 69c-11-40-16-83-24-124-5-27-14-55-16-82 0-5 0-9 2-14 4-12 17-20 29-19 18 2 116 60 141 72v-204c-30 0-76 4-104 0-8-1-15-4-20-9-4-4-8-9-10-14-6-17-2-84-2-107-53 0-107 0-160 0-24 0-51-3-74 1-17 3-32 14-37 30-7 20-3 134-3 164z" fill="#fcfcfc" stroke="#fcfcfc"/><path d="M199 327v27c0 57-1 114-1 171 0 35-8 85 41 90 13 1 27 0 41 0v-128-29c-1-26 1-53 1-78 0-51-12-115 46-137 30-12 212-6 257-6v-9c-138 0-125 15-125-123-50 0-101 0-151 0-23 0-46-2-68 0-6 1-12 3-17 6-9 5-18 15-21 25-7 23-3 157-3 191z" fill="#fcfcfc" stroke="#fcfcfc"/></g><g id="navy" data-name="Navy"><path d="M777 739c17-5 61-16 73-26 7-5 11-12 11-21 0-6-1-12-5-17-9-13-55-33-71-41-5-3-33-15-35-19-3-6-1-65-1-76 0-44 0-89 0-132 0-16 0-31-8-45-11-18-86-88-106-106-4-4-19-12-21-15-4-6-1-15-2-21-2-20-14-33-27-46-22-22-44-45-66-67-10-10-20-22-34-27-22-8-166-3-200-3-18 0-36-2-53 1-74 13-62 93-62 149 0 88-1 176-1 264 0 34-7 90 12 120 28 41 60 25 99 33 0 69-17 151 81 151 77 0 154-2 232-2 7 23 2 78 40 73 20-2 42-46 54-62 8 18 39 57 52 75 27 36 39 37 76 10 10-8 26-17 30-31 2-7 2-15-1-22-4-13-55-82-67-97zM574 551c45 22 90 47 134 71 15 7 127 64 129 70-13 8-93 28-95 37-1 5 18 29 22 34 13 19 26 37 39 55 21 30 28 28-5 52-31 23-27 10-48-19-12-18-25-36-38-54-20-29-19-43-43-9-13 18-27 37-40 56-7-14-7-32-10-47-6-33-13-66-19-99-4-22-30-136-26-147zm-9-351h-72c-4 0-5-3-6-6-2-7-1-69 1-79l84 86zM199 354v-27c0-34-4-168 3-191 3-10 12-20 21-25 5-3 11-5 17-6 22-2 45 0 68 0 50 0 101 0 151 0 0 138-13 123 125 123v9c-45 0-227-6-257 6-58 22-46 86-46 137 0 25-2 52-1 78v29 128c-14 0-28 1-41 0-49-5-41-55-41-90 0-57 1-114 1-171zm507 13h-87c-3-1-5-3-6-6-3-10 0-72 0-87 11 11 92 87 93 93zM310 482v-22c0-30-4-144 3-164 5-16 20-27 37-30 23-4 50-1 74-1 53 0 107 0 160 0 0 23-4 90 2 107 2 5 6 10 10 14 5 5 12 8 20 9 28 4 74 0 104 0v204c-25-12-123-70-141-72-12-1-25 7-29 19-2 5-2 9-2 14 2 27 11 55 16 82 8 41 13 84 24 124h-69-9l-96 1h-13c-36 1-88 9-93-41-1-12 1-24 1-36v-14z" fill="#012155" stroke="#012155"/></g><g id="cobalt" data-name="Cobalt"><path d="M574 551c-4 11 22 125 26 147 6 33 13 66 19 99 3 15 3 33 10 47 13-19 27-38 40-56 24-34 23-20 43 9 13 18 26 36 38 54 21 29 17 42 48 19 33-24 26-22 5-52-13-18-26-36-39-55-4-5-23-29-22-34 2-9 82-29 95-37-2-6-114-63-129-70-44-24-89-49-134-71z" fill="#0166fc" stroke="#0166fc"/><path d="M706 367h-87z" fill="#0166fc" stroke="#0166fc"/><path d="M565 200h-72z" fill="#0166fc" stroke="#0166fc"/><path d="M280 487v-29z" fill="#0166fc" stroke="#0166fc"/><path d="M199 354v-27z" fill="#0166fc" stroke="#0166fc"/><path d="M310 482v-22z" fill="#0166fc" stroke="#0166fc"/><path d="M309 690v-14z" fill="#0166fc" stroke="#0166fc"/><path d="M414 767h-13z" fill="#0166fc" stroke="#0166fc"/><path d="M519 766h-9z" fill="#0166fc" stroke="#0166fc"/></g><g id="periwinkle" data-name="Periwinkle"><path d="M619 367h87c-1-6-82-82-93-93 0 15-3 77 0 87 1 3 3 5 6 6z" fill="#a6c6fb" stroke="#a6c6fb"/><path d="M493 200h72l7 1-84-86c-2 10-3 72-1 79 1 3 2 6 6 6z" fill="#a6c6fb" stroke="#a6c6fb"/></g></svg>

.copy-cursor {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/niE_0Xz98RQD/amnt.svg");
  background-size: contain;
}

.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/niE_0Xz98RQD/amnt.svg") center / contain no-repeat;
}

import CopyCursorSvg from "./copy-cursor.jsx"; // from the React tab above

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