Loading Cursor SVG element, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="sky" data-name="Sky"><path d="M446 103c-205 12-343 232-257 421 37 82 114 144 202 164 38 8 122 13 154-15 19-16 20-45 2-63-20-21-44-7-69-4-40 5-84-4-119-24-146-81-143-286 3-364 47-25 101-32 151-18 19 6 36 14 52 24 24 15 44 39 74 16 8-6 14-17 16-27 7-38-34-60-61-76-45-25-97-37-148-34z" fill="#01d3fc" stroke="#01d3fc"/><path d="M723 508c29-49 35-113 22-168-3-15-7-30-21-39-34-23-75 8-67 46 8 43 10 72-4 114z" fill="#01d3fc" stroke="#01d3fc"/></g><g id="navy" data-name="Navy"><path d="M569 604c-39-39-43-24-90-18-19 2-40 1-59-3-45-8-88-36-115-74-62-86-37-201 48-262 43-30 98-41 149-29 17 4 33 11 47 20 29 18 49 42 87 27 54-22 49-86 9-118-37-30-83-51-129-59-209-39-407 157-370 366 16 93 75 175 156 221 18 10 36 19 55 25 52 16 158 27 202-12 11-9 16-21 20-34 11 35 16 110 29 138 4 9 12 16 22 18 36 9 47-32 68-51 19 24 60 100 79 114 9 7 20 10 31 9 15-2 27-13 38-20 14-10 32-19 37-37 2-9 2-19-1-28-6-17-60-94-73-113 25-10 69-8 73-43 3-23-13-33-29-44-38-26-76-51-113-77 11-25 21-49 27-76 9-44 10-132-32-160-35-24-85-6-97 34-6 21 2 39 5 60 3 23 1 48-7 71-13-9-28-23-43-28-28-9-54 14-51 43 2 28 29 122 27 140zM446 103c51-3 103 9 148 34 27 16 68 38 61 76-2 10-8 21-16 27-30 23-50-1-74-16-16-10-33-18-52-24-50-14-104-7-151 18-146 78-149 283-3 364 35 20 79 29 119 24 25-3 49-17 69 4 18 18 17 47-2 63-32 28-116 23-154 15-88-20-165-82-202-164-86-189 52-409 257-421zM723 508l-70-47c14-42 12-71 4-114-8-38 33-69 67-46 14 9 18 24 21 39 13 55 7 119-22 168zm56 165c20 28 39 58 58 87 11 18 40 47 23 68-6 8-16 12-24 18-8 5-18 14-27 16-26 6-40-31-51-48-20-29-38-60-58-88-17 15-33 49-49 62-8 7-19 6-25-2-8-12-21-103-25-123-8-42-17-83-25-124-3-16-17-72-15-84 2-14 18-19 29-14 15 6 43 29 58 39 39 27 79 54 118 81 29 20 59 39 88 59 9 7 16 20 5 29-11 10-63 17-80 24z" fill="#01194e" stroke="#01194e"/><path d="M583 463l60 300 57-73c13 28 40 61 57 88 6 9 37 62 44 64 8 2 18-9 25-13 5-4 18-9 20-16 1-8-35-57-42-67-18-29-37-59-57-87l90-24z" fill="#01194e" stroke="#01194e"/></g><g id="white" data-name="White"><path d="M779 673c17-7 69-14 80-24 11-9 4-22-5-29-29-20-59-39-88-59-39-27-79-54-118-81-15-10-43-33-58-39-11-5-27 0-29 14-2 12 12 68 15 84 8 41 17 82 25 124 4 20 17 111 25 123 6 8 17 9 25 2 16-13 32-47 49-62 20 28 38 59 58 88 11 17 25 54 51 48 9-2 19-11 27-16 8-6 18-10 24-18 17-21-12-50-23-68-19-29-38-59-58-87zM583 463l254 172-90 24c20 28 39 58 57 87 7 10 43 59 42 67-2 7-15 12-20 16-7 4-17 15-25 13-7-2-38-55-44-64-17-27-44-60-57-88l-57 73z" fill="#fcfcfc" stroke="#fcfcfc"/></g></svg>

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

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

import LoadingCursorSvg from "./loading-cursor.jsx"; // from the React tab above

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