Arrow Button SVG element, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="purple" data-name="Purple"><path d="M236 316c-187 11-242 273-66 356 16 7 33 13 51 16 29 4 60 2 91 2 53 0 105 0 159 0 69 0 137 0 207 0 36 0 73 2 110-1 191-14 239-271 67-355-18-9-38-14-58-17-27-3-55-1-82-1-54 0-108 0-161 0-70 0-141 0-210 0-36 0-73-2-108 0zM624 545c-67 0-134 0-200 0-27 0-119 5-138-5-13-7-21-22-21-36 0-50 52-43 87-43 23 0 47 0 71 0 66 0 133 0 200 0-18-18-53-42-49-69 3-22 27-35 48-27 8 3 14 10 21 16 25 26 51 51 78 76 9 9 22 18 28 29 4 6 6 13 5 20 0 6-2 11-6 16-10 15-28 28-41 41-23 21-44 44-67 65-6 6-13 13-21 16-21 7-45-7-47-31-2-26 34-51 52-68z" fill="#014bf6" stroke="#014bf6"/></g><g id="white" data-name="White"><path d="M624 545c-18 17-54 42-52 68 2 24 26 38 47 31 8-3 15-10 21-16 23-21 44-44 67-65 13-13 31-26 41-41 4-5 6-10 6-16 1-7-1-14-5-20-6-11-19-20-28-29-27-25-53-50-78-76-7-6-13-13-21-16-21-8-45 5-48 27-4 27 31 51 49 69-67 0-134 0-200 0-24 0-48 0-71 0-35 0-87-7-87 43 0 14 8 29 21 36 19 10 111 5 138 5 66 0 133 0 200 0z" fill="#fcfcfc" stroke="#fcfcfc"/></g><g id="grape" data-name="Grape"><path d="M244 291c-205 9-284 273-113 387 59 40 118 36 186 36 40 0 81 0 122 0 113 0 228 2 342 0 204-4 281-273 112-387-58-39-122-36-188-36-40 0-80 0-119 0-75 0-150 0-224 0-40 0-79-1-118 0zm-8 25c35-2 72 0 108 0 69 0 140 0 210 0 53 0 107 0 161 0 27 0 55-2 82 1 20 3 40 8 58 17 172 84 124 341-67 355-37 3-74 1-110 1-70 0-138 0-207 0-54 0-106 0-159 0-31 0-62 2-91-2-18-3-35-9-51-16-176-83-121-345 66-356z" fill="#021d62" stroke="#021d62"/></g></svg>

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

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

import ArrowButtonSvg from "./arrow-button.jsx"; // from the React tab above

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