Spinner SVG element, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="turquoise" data-name="Turquoise"><path d="M75 472c-27 4-41 35-30 58 14 28 49 22 75 22 44 0 89 0 134 0 18 0 39 3 57 0 27-4 41-34 29-58-13-28-48-22-73-22-45 0-90 0-134 0-19 0-40-3-58 0z" fill="#01e3c5" stroke="#01e3c5"/><path d="M713 472c-27 5-40 36-28 59 14 28 49 21 75 21 44 0 88 0 133 0 18 0 39 3 57 0 27-4 41-36 29-59-15-27-49-21-75-21-45 0-90 0-135 0-18 0-39-3-56 0z" fill="#01e3c5" stroke="#01e3c5"/><path d="M474 88v6 11 6 46 10 58 25 20 18c0 11-2 23 3 33 10 28 49 31 67 8 15-19 8-106 8-133 0-28 6-118-5-137-17-30-67-24-73 11-1 6 0 12 0 18z" fill="#01e3c5" stroke="#01e3c5"/><path d="M474 728v22 29 10 17 24 7 75c0 14-2 30 1 43 7 27 43 37 64 18 7-6 11-15 13-24 4-27 0-78 0-108 0-28 6-123-5-142-15-30-63-26-72 7-2 7-1 15-1 22z" fill="#01e3c5" stroke="#01e3c5"/></g><g id="purple" data-name="Purple"><path d="M257 214c-10 2-20 9-24 18-18 32 23 59 43 79 16 16 55 62 72 72 7 4 15 5 23 3 9-1 18-8 23-16 21-32-22-60-41-80-13-14-59-63-71-71-7-5-16-6-25-5z" fill="#015ffc" stroke="#015ffc"/><path d="M755 214c-19 3-73 66-89 83-12 11-37 31-40 47-4 24 17 47 42 42 19-3 72-66 89-82 13-13 35-29 39-47 5-25-16-47-41-43z" fill="#015ffc" stroke="#015ffc"/><path d="M359 633c-19 3-75 66-91 83-13 12-35 28-39 46-5 25 15 47 40 43 17-2 76-66 91-82 11-13 35-29 39-47 5-24-16-46-40-43z" fill="#015ffc" stroke="#015ffc"/><path d="M657 633c-10 1-18 7-24 14-25 32 19 61 39 82 12 13 60 65 72 72 7 4 14 6 22 5 11-1 20-9 26-18 19-32-21-58-40-78-15-14-60-64-73-72-7-4-14-5-22-5z" fill="#015ffc" stroke="#015ffc"/><path d="M474 912v-75z" fill="#015ffc" stroke="#015ffc"/><path d="M474 250v-25z" fill="#015ffc" stroke="#015ffc"/><path d="M474 830v-24z" fill="#015ffc" stroke="#015ffc"/><path d="M474 750v-22z" fill="#015ffc" stroke="#015ffc"/><path d="M474 288v-18z" fill="#015ffc" stroke="#015ffc"/><path d="M474 167v-10z" fill="#015ffc" stroke="#015ffc"/><path d="M474 789v-10z" fill="#015ffc" stroke="#015ffc"/><path d="M474 94v-6z" fill="#015ffc" stroke="#015ffc"/><path d="M474 111v-6z" fill="#015ffc" stroke="#015ffc"/></g><g id="navy" data-name="Navy"><path d="M79 456c-73 7-69 109 6 112 42 2 86 0 129 0 30 0 63 2 93 0 73-6 69-109-5-112-43-2-86 0-128 0-32 0-64-2-95 0zm-4 16c18-3 39 0 58 0 44 0 89 0 134 0 25 0 60-6 73 22 12 24-2 54-29 58-18 3-39 0-57 0-45 0-90 0-134 0-26 0-61 6-75-22-11-23 3-54 30-58z" fill="#02245a" stroke="#02245a"/><path d="M716 456c-70 8-69 109 10 112 44 2 90 0 135 0 28 0 58 3 87 0 71-8 68-109-9-112-45-2-91 0-135 0-29 0-60-3-88 0zm-3 16c17-3 38 0 56 0 45 0 90 0 135 0 26 0 60-6 75 21 12 23-2 55-29 59-18 3-39 0-57 0-45 0-89 0-133 0-26 0-61 7-75-21-12-23 1-54 28-59z" fill="#02245a" stroke="#02245a"/><path d="M504 24c-52 7-46 63-46 102 0 25 0 50 0 76 0 21 0 42 0 64 0 32-5 68 28 87 10 6 23 8 35 7 53-7 46-63 46-101 0-26 0-51 0-76 0-23 0-45 0-67 0-15 2-31 0-46-4-31-34-50-63-46zM474 94v-6c0-6-1-12 0-18 6-35 56-41 73-11 11 19 5 109 5 137 0 27 7 114-8 133-18 23-57 20-67-8-5-10-3-22-3-33v-18-20-25-58-10-46-6z" fill="#02245a" stroke="#02245a"/><path d="M505 663c-53 7-47 62-47 102 0 25 0 50 0 76 0 28-4 90 1 114 7 29 36 47 64 43 52-8 43-64 44-100 1-26 0-51 0-76 0-23 0-44 0-66 0-16 2-32 0-47-4-30-34-49-62-46zm-31 87v-22c0-7-1-15 1-22 9-33 57-37 72-7 11 19 5 114 5 142 0 30 4 81 0 108-2 9-6 18-13 24-21 19-57 9-64-18-3-13-1-29-1-43v-75-7-24-17-10z" fill="#02245a" stroke="#02245a"/><path d="M355 618c-7 1-15 5-20 9-10 7-18 18-27 27-20 20-41 39-60 60-11 11-26 22-31 36-16 38 17 76 56 70 9-1 18-6 24-12 27-24 59-57 83-83 11-12 26-23 31-38 15-37-18-75-56-69zm4 15c24-3 45 19 40 43-4 18-28 34-39 47-15 16-74 80-91 82-25 4-45-18-40-43 4-18 26-34 39-46 16-17 72-80 91-83z" fill="#02245a" stroke="#02245a"/><path d="M759 198c-10 1-20 5-28 11-28 22-56 57-82 83-12 11-29 25-35 41-13 34 13 71 50 69 7 0 14-2 20-5 15-8 73-71 90-88 12-13 29-26 35-43 12-34-15-69-50-68zm-4 16c25-4 46 18 41 43-4 18-26 34-39 47-17 16-70 79-89 82-25 5-46-18-42-42 3-16 28-36 40-47 16-17 70-80 89-83z" fill="#02245a" stroke="#022
…

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

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

import SpinnerSvg from "./spinner.jsx"; // from the React tab above

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