Drag Cursor SVG element, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/2FJwftzsCWo3/amnt.svg" alt="Drag 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="M859 177l-358 193c22 14 87 31 102 44 7 5 10 13 9 21-1 12-13 23-19 32-31 44-61 89-93 133l39 36c13-12 24-27 36-40 24-27 49-54 74-81 7-8 16-21 27-23 7-1 15 1 20 6 6 5 9 13 14 19 16 24 32 49 50 71z" fill="#fcfcfc" stroke="#fcfcfc"/></g><g id="navy" data-name="Navy"><path d="M679 535c5 12 60 90 69 95 11 6 25 5 35-4 14-12 38-136 45-163 15-56 28-112 41-168 6-24 30-110 30-126 0-14-9-27-22-31-6-2-12-3-18-1-13 2-106 55-124 65-45 25-91 49-136 73-23 13-122 62-134 75-12 12-11 33 2 44 12 11 81 35 102 44-24 34-48 68-72 103-14 20-47 52-28 78 7 10 19 18 28 26 8 8 17 17 26 23 30 20 55-22 73-41 20-23 41-45 61-67 7-8 16-16 22-25zM859 177l-99 411c-18-22-34-47-50-71-5-6-8-14-14-19-5-5-13-7-20-6-11 2-20 15-27 23-25 27-50 54-74 81-12 13-23 28-36 40l-39-36c32-44 62-89 93-133 6-9 18-20 19-32 1-8-2-16-9-21-15-13-80-30-102-44z" fill="#021a4a" stroke="#021a4a"/><path d="M411 642c-53 8-40 96 16 85 54-11 40-93-16-85z" fill="#021a4a" stroke="#021a4a"/><path d="M297 728c-47 8-35 83 13 74s35-82-13-74z" fill="#021a4a" stroke="#021a4a"/><path d="M176 795c-39 7-28 69 14 61 38-7 27-68-14-61z" fill="#021a4a" stroke="#021a4a"/></g></svg>

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

.drag-cursor {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/2FJwftzsCWo3/amnt.svg") center / contain no-repeat;
}

import DragCursorSvg from "./drag-cursor.jsx"; // from the React tab above

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