Upload Progress SVG element, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/PMzkJtsCAugj/amnt.svg" alt="Upload Progress" 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 342c18 0 68 4 82-2 11-4 14-17 9-26-7-13-35-40-46-52-23-27-46-52-69-78-8-8-15-19-23-25-6-5-13-7-20-7s-14 2-19 7c-13 10-23 25-34 37-20 22-41 44-60 67-13 15-34 33-44 49-6 10-5 24 7 28 14 6 65 2 83 2 0 50 0 99 0 149 0 78-13 78 69 78 14 0 30 2 44 0 7-1 15-5 18-11 6-12 3-56 3-71-1-48 0-97 0-145z" fill="#1789f9" stroke="#1789f9"/></g><g id="mist" data-name="Mist"><path d="M512 770c70 0 140 0 211 0 27 0 76 4 100-1 28-6 49-32 49-60 0-78-99-62-149-62-71 0-141 0-211 0z" fill="#d9dee7" stroke="#d9dee7"/></g><g id="cobalt" data-name="Cobalt"><path d="M512 770v-123c-70 0-140 0-210 0-51 0-150-16-150 62 0 77 99 61 150 61 70 0 140 0 210 0z" fill="#0152c9" stroke="#0152c9"/></g><g id="navy" data-name="Navy"><path d="M208 625c-66 6-103 83-60 136 12 14 29 25 47 29 30 7 119 2 156 2 105 0 210 0 316 0 46 0 104 4 149 0 67-6 102-84 60-136-12-14-29-25-47-29-29-7-120-2-155-2-105 0-211 0-315 0-48 0-104-4-151 0zm304 22c70 0 140 0 211 0 50 0 149-16 149 62 0 28-21 54-49 60-24 5-73 1-100 1-71 0-141 0-211 0s-140 0-210 0c-51 0-150 16-150-61 0-78 99-62 150-62 70 0 140 0 210 0z" fill="#022963" stroke="#022963"/><path d="M601 364c31 0 85 10 93-32 2-11 0-21-5-30-12-19-30-34-44-50-18-21-87-103-104-114-8-6-20-9-29-9-11 0-23 4-31 11-14 10-24 26-36 38-22 25-44 49-66 74-13 15-36 34-45 51-5 10-7 22-3 33 11 38 61 28 91 28 0 53 0 106 0 160 0 73 28 67 91 67 65 0 88 5 88-69 0-53 0-105 0-158zm-22-22c0 48-1 97 0 145 0 15 3 59-3 71-3 6-11 10-18 11-14 2-30 0-44 0-82 0-69 0-69-78 0-50 0-99 0-149-18 0-69 4-83-2-12-4-13-18-7-28 10-16 31-34 44-49 19-23 40-45 60-67 11-12 21-27 34-37 5-5 12-7 19-7s14 2 20 7c8 6 15 17 23 25 23 26 46 51 69 78 11 12 39 39 46 52 5 9 2 22-9 26-14 6-64 2-82 2z" fill="#022963" stroke="#022963"/></g></svg>

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

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

import UploadProgressSvg from "./upload-progress.jsx"; // from the React tab above

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