Circle Arrow SVG element, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="navy" data-name="Navy"><path d="M764 256l79-43c-22-25-42-49-68-70-126-100-304-117-449-48-172 82-279 271-256 460 7 56 26 111 54 161 31 55 75 103 127 140 215 153 520 84 649-145 23-41 40-85 50-131 7-32 20-82-22-96-12-5-25-3-37 3-8 4-14 11-18 19-6 13-6 29-8 43-5 24-12 48-21 71-16 40-40 78-69 110-134 143-366 158-509 20-146-140-144-361-2-503 65-66 161-110 255-106 78 3 154 29 214 82 10 9 25 20 31 33z" fill="#052561" stroke="#052561"/></g><g id="black" data-name="Black"><path d="M845 203c-15-23-37-43-57-60-129-104-314-131-464-56-34 17-66 36-95 60-114 93-185 248-168 396 26 232 215 403 450 403 80 0 159-20 229-62 61-36 114-85 153-145 37-58 61-122 70-190 2-11 4-22 2-33-3-16-13-30-28-37-12-6-26-8-40-3-39 12-36 54-44 88-10 44-29 86-55 124-113 163-343 198-501 78-159-121-176-351-42-498 108-119 287-159 428-72 26 16 48 36 70 58-16 6-72 30-45 51 12 10 30 17 45 25 38 22 77 43 116 64 9 5 22 11 29-1 7-10 9-109 10-129 0-14 6-66 2-76-3-7-11-10-18-10-10 1-37 19-47 25zm-2 10c11-4 47-30 55-26 3 2 4 4 5 7 2 8-3 57-4 70-1 27-3 54-4 81 0 11 4 47-11 47-6 0-13-6-18-9-36-20-73-40-109-60-7-4-43-22-46-26-2-3-3-7-1-10 4-8 45-22 54-31-6-13-21-24-31-33-60-53-136-79-214-82-94-4-190 40-255 106-142 142-144 363 2 503 143 138 375 123 509-20 29-32 53-70 69-110 9-23 16-47 21-71 2-14 2-30 8-43 4-8 10-15 18-19 12-6 25-8 37-3 42 14 29 64 22 96-10 46-27 90-50 131-129 229-434 298-649 145-52-37-96-85-127-140-28-50-47-105-54-161-23-189 84-378 256-460 145-69 323-52 449 48 26 21 46 45 68 70z" fill="#010002" stroke="#010002"/></g><g id="teal" data-name="Teal"><path d="M764 256c-9 9-50 23-54 31-2 3-1 7 1 10 3 4 39 22 46 26 36 20 73 40 109 60 5 3 12 9 18 9 15 0 11-36 11-47 1-27 3-54 4-81 1-13 6-62 4-70-1-3-2-5-5-7-8-4-44 22-55 26z" fill="#11aba1" stroke="#11aba1"/></g></svg>

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

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

import CircleArrowSvg from "./circle-arrow.jsx"; // from the React tab above

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