Wavy Arrow SVG element, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/FMG8q-07cMGw/amnt.svg" alt="Wavy 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="M810 372c-9 5 18 65 18 77 0 4-1 6-4 9-4 5-55 19-65 21-55 9-89-39-138-55-53-18-108-3-149 33-38 33-76 79-130 46-45-27-55-65-117-81-55-15-106 6-146 43-16 14-42 35-38 59 4 30 40 34 59 17 39-37 73-77 131-41 45 27 57 69 117 82 54 13 103-13 142-49 41-37 80-66 134-29 47 33 82 61 144 50 23-5 68-33 55 5-2 7-21 59-19 62 2 5 6 2 10 0 10-4 21-14 30-20 29-20 58-40 88-60 5-4 51-33 51-35 1-3 1-5 0-7-2-4-51-39-58-44-19-14-38-28-57-42-7-6-55-42-58-41z" fill="#02bbb9" stroke="#02bbb9"/></g><g id="navy" data-name="Navy"><path d="M808 558c-5 9-20 53-20 62 1 9 7 17 15 19 15 4 57-30 71-40 31-22 63-43 94-64 8-6 18-11 25-18 6-6 7-14 5-21-3-12-111-88-129-101-11-8-41-35-52-37-13-4-26 5-26 20 0 10 16 56 20 68-11 6-24 10-36 13-51 16-66-3-106-29-22-14-46-24-72-27-64-10-110 20-155 61-13 12-26 25-43 31-50 18-80-37-114-61-24-18-52-28-81-31-64-6-107 23-150 66-13 13-29 27-29 48-1 43 52 66 84 36 27-25 52-59 94-49 63 15 78 111 195 95 25-3 50-14 71-29 37-26 70-80 122-65 31 9 59 41 93 55 29 11 60 14 90 8 12-3 23-8 34-10zm2-186c3-1 51 35 58 41 19 14 38 28 57 42 7 5 56 40 58 44 1 2 1 4 0 7 0 2-46 31-51 35-30 20-59 40-88 60-9 6-20 16-30 20-4 2-8 5-10 0-2-3 17-55 19-62 13-38-32-10-55-5-62 11-97-17-144-50-54-37-93-8-134 29-39 36-88 62-142 49-60-13-72-55-117-82-58-36-92 4-131 41-19 17-55 13-59-17-4-24 22-45 38-59 40-37 91-58 146-43 62 16 72 54 117 81 54 33 92-13 130-46 41-36 96-51 149-33 49 16 83 64 138 55 10-2 61-16 65-21 3-3 4-5 4-9 0-12-27-72-18-77z" fill="#01214e" stroke="#01214e"/></g></svg>

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

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

import WavyArrowSvg from "./wavy-arrow.jsx"; // from the React tab above

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