Next Button SVG element, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="blue" data-name="Blue"><path d="M269 204c-107 5-193 59-229 162-14 40-13 79-13 121 0 78-3 142 49 207 84 104 183 89 303 89 87 0 173 0 261 0 42 0 86 1 129 0 101-3 192-72 219-171 10-34 8-69 8-104 0-91 4-148-58-220-85-101-183-81-299-84-51-1-103 0-155 0-12 0-24 2-36 1-27-1-54 0-80 0-33-1-67-2-99-1zm19 65c12-1 25 2 35 8 16 10 27 26 40 38 16 17 33 33 50 49 20 20 99 94 107 114 4 12 4 26-1 38-8 22-65 72-84 91-22 21-93 99-113 109-41 21-91-20-72-65 5-14 18-24 28-34 27-27 55-54 81-81 9-11 21-19 30-29 3-4 5-6 4-11s-91-91-102-102c-13-14-32-28-42-44-20-32 1-76 39-81zm289 0c12-1 24 2 34 8 20 12 70 69 90 89 21 21 99 93 106 116 4 11 3 25-2 37-9 20-69 72-87 91-22 21-94 99-115 108-42 18-89-24-69-68 6-14 20-24 31-34 25-24 49-49 75-72 12-12 28-24 39-37 2-4 4-5 3-10 0-5-91-93-102-104-18-18-45-35-50-62-5-29 17-59 47-62z" fill="#0173fc" stroke="#0173fc"/></g><g id="grape" data-name="Grape"><path d="M256 178c-107 5-202 75-239 175-16 44-16 88-16 135 0 83-2 143 49 214 42 60 114 101 187 106 40 3 80 1 121 1 108 0 216-1 325-1 27 0 56 2 83 1 109-5 205-68 242-173 15-42 14-84 14-127 0-88 4-146-50-220-44-61-116-103-191-110-37-3-75-1-112-1-91 0-182 0-273 0-47 0-94-2-140 0zm13 26c32-1 66 0 99 1 26 0 53-1 80 0 12 1 24-1 36-1 52 0 104-1 155 0 116 3 214-17 299 84 62 72 58 129 58 220 0 35 2 70-8 104-27 99-118 168-219 171-43 1-87 0-129 0-88 0-174 0-261 0-120 0-219 15-303-89-52-65-49-129-49-207 0-42-1-81 13-121 36-103 122-157 229-162z" fill="#012369" stroke="#012369"/></g><g id="white" data-name="White"><path d="M288 269c-38 5-59 49-39 81 10 16 29 30 42 44 11 11 101 97 102 102s-1 7-4 11c-9 10-21 18-30 29-26 27-54 54-81 81-10 10-23 20-28 34-19 45 31 86 72 65 20-10 91-88 113-109 19-19 76-69 84-91 5-12 5-26 1-38-8-20-87-94-107-114-17-16-34-32-50-49-13-12-24-28-40-38-10-6-23-9-35-8z" fill="#fcfcfc" stroke="#fcfcfc"/><path d="M577 269c-30 3-52 33-47 62 5 27 32 44 50 62 11 11 102 99 102 104 1 5-1 6-3 10-11 13-27 25-39 37-26 23-50 48-75 72-11 10-25 20-31 34-20 44 27 86 69 68 21-9 93-87 115-108 18-19 78-71 87-91 5-12 6-26 2-37-7-23-85-95-106-116-20-20-70-77-90-89-10-6-22-9-34-8z" fill="#fcfcfc" stroke="#fcfcfc"/></g></svg>

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

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

import NextButtonSvg from "./next-button.jsx"; // from the React tab above

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