Refresh Button SVG element, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/yquJ70d1rCxG/amnt.svg" alt="Refresh Button" 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="M262 247c-208 13-295 269-146 412 82 78 188 62 293 62 77 0 156 0 234 0 39 0 80 2 119 0 207-11 298-271 146-411-84-78-187-63-292-63-79 0-157 0-235 0-40 0-80-2-119 0zm395 95c7-4 13-12 21-14 38-13 34 31 34 54 0 20 4 75-1 91-3 8-11 15-19 16-13 1-51-15-66-20-20-6-62-13-65-37-1-7 1-14 5-19 6-8 15-13 23-18-119-93-263 74-163 176 17 17 39 30 64 34 36 6 76-6 101-33 22-25 32-75 76-55 58 26-3 101-31 126-13 12-29 22-45 29-151 68-318-70-276-231 40-150 230-211 342-99z" fill="#02c2ab" stroke="#02c2ab"/></g><g id="navy" data-name="Navy"><path d="M259 225c-35 2-69 13-100 28-156 80-185 286-68 412 83 90 187 78 299 78 80 0 160 0 241 0 44 0 89 2 134-1 160-11 274-163 233-321-11-44-32-85-65-117-91-91-179-79-298-79-83 0-166 0-249 0-43 0-85-2-127 0zm3 22c39-2 79 0 119 0 78 0 156 0 235 0 105 0 208-15 292 63 152 140 61 400-146 411-39 2-80 0-119 0-78 0-157 0-234 0-105 0-211 16-293-62-149-143-62-399 146-412z" fill="#021c4d" stroke="#021c4d"/><path d="M657 342c-112-112-302-51-342 99-42 161 125 299 276 231 16-7 32-17 45-29 28-25 89-100 31-126-44-20-54 30-76 55-25 27-65 39-101 33-25-4-47-17-64-34-100-102 44-269 163-176-8 5-17 10-23 18-4 5-6 12-5 19 3 24 45 31 65 37 15 5 53 21 66 20 8-1 16-8 19-16 5-16 1-71 1-91 0-23 4-67-34-54-8 2-14 10-21 14zm-3 26c38-29 39-37 39 18 0 11 3 77-2 82-3 4-9 0-13-1-11-4-91-29-95-33-2-1-3-3-3-5 0-6 31-28 37-32-13-18-32-30-52-39-130-52-250 110-160 219 47 56 136 66 192 16 8-7 15-16 21-25 9-13 13-35 33-35 6 0 11 2 15 7 20 22-24 71-40 86-124 110-319 0-296-161 18-119 142-191 254-149 27 11 53 29 70 52z" fill="#021c4d" stroke="#021c4d"/></g><g id="white" data-name="White"><path d="M654 368c-17-23-43-41-70-52-112-42-236 30-254 149-23 161 172 271 296 161 16-15 60-64 40-86-4-5-9-7-15-7-20 0-24 22-33 35-6 9-13 18-21 25-56 50-145 40-192-16-90-109 30-271 160-219 20 9 39 21 52 39-6 4-37 26-37 32 0 2 1 4 3 5 4 4 84 29 95 33 4 1 10 5 13 1 5-5 2-71 2-82 0-55-1-47-39-18z" fill="#fcfcfc" stroke="#fcfcfc"/></g></svg>

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

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

import RefreshButtonSvg from "./refresh-button.jsx"; // from the React tab above

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