Loading Bars SVG element, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/tAmbC5pnuWzp/amnt.svg" alt="Loading Bars" 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="M277 260c0 106 0 212 0 319 0 53 0 106 0 160 0 42-9 105 53 105 21 0 42-13 49-33 9-22 4-196 4-233 0-107 0-213 0-319-7-10-9-21-20-29-32-25-75-6-86 30z" fill="#01abfb" stroke="#01abfb"/><path d="M459 697c0 21 0 41 0 62 0 13-2 28 0 41 3 26 29 44 53 44 11 0 21-4 30-9 27-18 23-50 23-78 0-21 0-41 0-61-7-10-9-20-19-28-9-7-18-10-29-10-33-1-46 10-58 39z" fill="#01abfb" stroke="#01abfb"/></g><g id="teal" data-name="Teal"><path d="M641 419c0 88 0 175 0 263 0 27-5 108 3 129 13 34 59 43 86 19 8-7 14-17 16-28 4-22 1-47 1-69 0-50 0-99 0-148 0-54-1-106-1-159 0-20 5-83 0-98 0 15 4 73-1 83-7-7-10-15-18-21-23-18-58-14-76 9-5 6-7 13-10 20z" fill="#11b28c" stroke="#11b28c"/></g><g id="green" data-name="Green"><path d="M925 561c-5-7-6-15-12-21-18-21-53-24-74-7-8 6-11 15-17 21-5-8-2-126-2-145-5 14-1 176-1 205 0 35-6 177 5 200 18 40 81 39 97-2 6-14 4-31 4-45 0-69 0-137 0-206z" fill="#61dfa4" stroke="#61dfa4"/></g><g id="cobalt" data-name="Cobalt"><path d="M206 557c-4-8-6-17-13-24-30-34-77-19-93 22 0 56 0 112 0 168 0 43-12 116 53 116 64 0 53-72 53-115 0-56 0-111 0-167z" fill="#1b69fa" stroke="#1b69fa"/></g><g id="mist" data-name="Mist"><path d="M100 555c16-41 63-56 93-22 7 7 9 16 13 24 0-60 0-120 0-179 0-45 15-126-52-127-69-1-54 80-54 126 0 59 0 118 0 178z" fill="#e1f0fb" stroke="#e1f0fb"/><path d="M459 697c12-29 25-40 58-39 11 0 20 3 29 10 10 8 12 18 19 28 0-34 5-175-4-197-7-20-28-32-49-32-20 0-40 11-48 29-10 21-5 167-5 201z" fill="#e1f0fb" stroke="#e1f0fb"/><path d="M820 409c0 19-3 137 2 145 6-6 9-15 17-21 21-17 56-14 74 7 6 6 7 14 12 21 0-32 6-147-5-170-22-47-103-30-100 18z" fill="#e1f0fb" stroke="#e1f0fb"/><path d="M641 419c3-7 5-14 10-20 18-23 53-27 76-9 8 6 11 14 18 21 5-10 1-68 1-83 1-43-57-57-86-35-8 7-15 16-18 27-5 23-1 73-1 99z" fill="#e1f0fb" stroke="#e1f0fb"/><path d="M277 260c11-36 54-55 86-30 11 8 13 19 20 29 0-42 8-106-53-106-63 0-53 65-53 107z" fill="#e1f0fb" stroke="#e1f0fb"/></g><g id="navy" data-name="Navy"><path d="M321 138c-77 8-60 102-60 156 0 71 0 142 0 214 0 71 0 143 0 215 0 42-11 100 32 126 14 8 29 11 45 10 30-4 57-27 60-58 1-12 0-26 0-38 0-20 0-40 0-59 0-72 0-143 0-214 0-72 0-144 0-215 0-27 3-54 0-80-4-38-42-60-77-57zm62 121c0 106 0 212 0 319 0 37 5 211-4 233-7 20-28 33-49 33-62 0-53-63-53-105 0-54 0-107 0-160 0-107 0-213 0-319 0-42-10-107 53-107 61 0 53 64 53 106z" fill="#021c3c" stroke="#021c3c"/><path d="M141 236c-67 8-57 84-57 133 0 63 0 125 0 189 0 53 0 105 0 159 0 25-2 50 0 75 1 9 3 17 6 24 13 28 44 41 74 37 68-10 57-81 57-131 0-64 0-126 0-189 0-40 5-231-4-254-11-32-44-47-76-43zm65 321c0 56 0 111 0 167 0 43 11 115-53 115-65 0-53-73-53-116 0-56 0-112 0-168 0-60 0-119 0-178 0-46-15-127 54-126 67 1 52 82 52 127 0 59 0 119 0 179z" fill="#021c3c" stroke="#021c3c"/><path d="M683 267c-13 2-25 8-35 16-32 26-23 73-23 110 0 60 0 121 0 182 0 40-6 220 6 245 12 28 43 42 73 39 67-9 58-76 58-125 0-61 0-122 0-182 0-52 0-104 0-156 0-24 2-48 0-71-1-7-3-13-5-19-13-29-44-42-74-39zm63 61c5 15 0 78 0 98 0 53 1 105 1 159 0 49 0 98 0 148 0 22 3 47-1 69-2 11-8 21-16 28-27 24-73 15-86-19-8-21-3-102-3-129 0-88 0-175 0-263 0-26-4-76 1-99 3-11 10-20 18-27 29-22 87-8 86 35z" fill="#021c3c" stroke="#021c3c"/><path d="M861 348c-24 3-44 20-53 42-9 24-4 188-4 226 0 36 0 73 0 110 0 43-11 102 35 125 14 7 29 9 45 7 22-3 42-18 51-39 12-26 6-188 6-227 0-37 0-74 0-111 0-26 4-55-1-80-8-37-43-57-79-53zm64 213c0 69 0 137 0 206 0 14 2 31-4 45-16 41-79 42-97 2-11-23-5-165-5-200 0-29-4-191 1-205-3-48 78-65 100-18 11 23 5 138 5 170z" fill="#021c3c" stroke="#021c3c"/><path d="M501 452c-9 1-18 5-26 10-40 24-32 73-32 114 0 30 0 60 0 91 0 26 0 52 0 78 0 19-2 41 1 60 7 36 43 58 78 53 66-8 58-70 58-119 0-32 0-63 0-94 0-27 0-54 0-81 0-20 3-42-1-61-8-36-44-55-78-51zm64 244c0 20 0 40 0 61 0 28 4 60-23 78-9 5-19 9-30 9-24 0-50-18-53-44-2-13 0-28 0-41 0-21 0-41 0-62 0-34-5-180 5-201 8-18 28-29 48-29 21 0 42 12 49 32 9 22 4 163 4 197z" fill="#021c3c" s
…

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

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

import LoadingBarsSvg from "./loading-bars.jsx"; // from the React tab above

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