Move Cursor SVG element, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="blue" data-name="Blue"><path d="M579 205c10 0 83 1 85-1 4-3 1-6-1-8-5-10-40-40-49-50-13-13-94-96-102-96-9 1-90 84-102 97-9 8-46 41-49 49-2 3-5 5-1 8 3 2 75 1 85 1v239h-240c0-12 3-78 0-84-1-2-4-4-5-5-30 29-60 59-89 89-11 10-64 59-63 69 1 9 15 18 21 24 29 29 58 59 88 88 6 6 40 44 46 40 3-2 2-75 2-85h240v238c-10 0-83-1-85 1-4 3-1 6 1 9 5 9 40 39 50 49 13 13 91 95 101 95s90-83 103-96c7-8 47-44 49-50 1-2 3-5 0-7-3-3-75-1-85-1v-238h240c0 12-2 84 4 86 4 2 40-36 46-42 29-29 58-59 88-88 5-5 17-14 19-22 1-4-1-7-3-11-3-6-52-51-61-60-12-12-81-86-89-87-6 4-4 76-4 88h-240z" fill="#017dfb" stroke="#017dfb"/></g><g id="grape" data-name="Grape"><path d="M601 227c20 0 49 4 67-1 7-2 13-7 16-14 4-8 4-16 1-24-5-10-41-42-51-52-23-24-47-47-70-70-10-11-20-24-32-31-6-5-13-6-20-6s-14 2-20 6c-7 4-11 11-17 16-29 28-58 57-86 86-11 11-44 38-50 51-3 8-3 17 1 25s13 13 23 14c19 2 40 0 60 0v195h-196c0-21 3-43 0-63-1-8-6-16-13-21-7-4-17-4-25-1-13 5-43 40-54 52-24 24-47 47-71 71-10 9-22 19-30 30-5 6-8 14-8 22 0 7 3 15 8 21 8 11 20 21 30 31 24 23 48 47 72 71 17 18 51 65 78 49 7-4 12-12 13-20 3-20 0-43 0-63 24 0 188-2 196 2v193c-20 0-43-3-63 0-8 1-16 6-20 13-14 27 32 60 50 78s90 96 106 103c5 3 11 4 16 4 7 0 13-2 18-5 17-9 87-84 106-103 17-17 62-49 48-76-3-7-10-12-18-14-20-4-44 0-65 0 0-26-3-182 2-194h194c0 20-2 41 0 60 1 9 5 17 13 22s19 5 28 0c13-7 39-38 52-50 23-23 46-47 70-70 10-10 22-20 30-31 5-7 8-14 8-22 0-7-2-14-6-19-7-11-20-21-30-31-25-23-49-49-73-73-12-11-41-46-54-51-8-3-18-3-25 1-7 5-12 12-13 21-3 20 0 42 0 63h-196zm-22-22v239h240c0-12-2-84 4-88 8 1 77 75 89 87 9 9 58 54 61 60 2 4 4 7 3 11-2 8-14 17-19 22-30 29-59 59-88 88-6 6-42 44-46 42-6-2-4-74-4-86h-240v238c10 0 82-2 85 1 3 2 1 5 0 7-2 6-42 42-49 50-13 13-93 96-103 96s-88-82-101-95c-10-10-45-40-50-49-2-3-5-6-1-9 2-2 75-1 85-1v-238h-240c0 10 1 83-2 85-6 4-40-34-46-40-30-29-59-59-88-88-6-6-20-15-21-24-1-10 52-59 63-69 29-30 59-60 89-89 1 1 4 3 5 5 3 6 0 72 0 84h240v-239c-10 0-82 1-85-1-4-3-1-5 1-8 3-8 40-41 49-49 12-13 93-96 102-97 8 0 89 83 102 96 9 10 44 40 49 50 2 2 5 5 1 8-2 2-75 1-85 1z" fill="#011e66" stroke="#011e66"/></g></svg>

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

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

import MoveCursorSvg from "./move-cursor.jsx"; // from the React tab above

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