Loop Arrow SVG element, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/eVfeC-Z8QYg6/amnt.svg" alt="Loop Arrow" 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="M466 507c-30-29-57-62-67-103-18-78 39-152 122-141 67 9 91 73 68 133-19 48-61 87-103 116-94 66-206 103-319 119-23 4-80 6-97 14-27 12-35 50-10 69 26 20 152-7 188-14 109-23 216-67 305-135 86-66 166-180 108-291-58-112-207-114-290-30-77 77-67 185-8 269 9 12 18 25 30 35 26-10 47-30 73-41z" fill="#0ab6ad" stroke="#0ab6ad"/><path d="M828 799c12-2 118-91 136-105 4-4 16-10 17-16 1-8-37-35-45-42-22-18-44-36-67-53-46-36-41-42-41 21 0 6 2 21-2 27-5 8-70 5-82 4-55-4-139-21-184-55-20 17-51 39-75 48 61 37 109 64 180 79 39 8 78 11 118 11 7 0 37-2 41 1 6 5 4 69 4 80z" fill="#0ab6ad" stroke="#0ab6ad"/></g><g id="pine" data-name="Pine"><path d="M574 570c12-12 26-22 37-35 49-53 88-116 85-190-4-95-78-167-170-176-115-11-221 84-227 199-2 45 12 90 35 130 11 20 26 42 43 58-20 5-40 16-60 23-48 17-99 28-149 36-30 5-91 5-114 20-31 21-33 66-5 90 7 7 18 12 29 13 44 5 151-17 198-28 68-16 132-42 194-73 19 17 43 28 64 40 90 48 176 57 277 57 0 19-3 41 0 60 8 50 64-8 80-21 23-19 46-37 69-55 9-8 22-15 30-25 4-4 7-10 7-16s-2-11-5-15c-8-11-22-18-31-26-24-19-46-37-70-56-10-8-40-36-50-39-15-6-28 2-30 18-2 19 0 40 0 60-18-1-36 2-53 1-51-2-100-12-147-32-13-5-25-12-37-18zM466 507c-26 11-47 31-73 41-12-10-21-23-30-35-59-84-69-192 8-269 83-84 232-82 290 30 58 111-22 225-108 291-89 68-196 112-305 135-36 7-162 34-188 14-25-19-17-57 10-69 17-8 74-10 97-14 113-16 225-53 319-119 42-29 84-68 103-116 23-60-1-124-68-133-83-11-140 63-122 141 10 41 37 74 67 103zm13-10c-10-5-18-17-25-25-21-25-39-56-42-89-5-59 41-111 102-104 20 1 38 10 51 24 57 63-34 161-86 194zM828 799c0-11 2-75-4-80-4-3-34-1-41-1-40 0-79-3-118-11-71-15-119-42-180-79 24-9 55-31 75-48 45 34 129 51 184 55 12 1 77 4 82-4 4-6 2-21 2-27 0-63-5-57 41-21 23 17 45 35 67 53 8 7 46 34 45 42-1 6-13 12-17 16-18 14-124 103-136 105z" fill="#022425" stroke="#022425"/></g></svg>

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

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

import LoopArrowSvg from "./loop-arrow.jsx"; // from the React tab above

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