Arrow With Label SVG element, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/QjJam0OLriD6/amnt.svg" alt="Arrow With Label" 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="M713 652c0 14-3 93 2 100 6 9 15 2 21-3 24-19 49-39 73-58 25-19 50-39 75-59 11-9 60-43 65-52 2-4 3-7 2-11-1-8-61-52-72-61-24-19-49-39-73-58-21-17-53-47-74-59-6-4-14-7-18 1-4 6-1 90-1 104-121 0-242 0-362 0-61 0-121 0-181 0-25 0-88-10-96 21-3 15-1 41-1 58 0 15-2 43 1 57 2 9 11 18 20 19 20 5 59 1 81 1 59 0 119 0 179 0 119 0 239 0 359 0z" fill="#0173fb" stroke="#0173fb"/><path d="M397 383v93h56v-93z" fill="#0173fb" stroke="#0173fb"/></g><g id="navy" data-name="Navy"><path d="M473 383c29 0 120 5 141-5 43-21 31-77 31-115 0-81-49-71-111-71-37 0-74 0-110 0-37 0-73 0-109 0-65 0-110-7-110 74 0 38-11 93 33 112 21 10 112 5 140 5v93c-67 0-134 0-200 0-26 0-65-4-88 2-14 4-27 14-32 27-8 20-4 45-4 66 0 51-9 101 60 101 193 0 386 0 579 0 6 27-14 85 17 100 7 4 14 5 21 3 13-4 70-52 84-64 38-29 75-58 112-88 11-10 28-18 37-31 5-6 7-14 7-21 0-6-3-13-6-17-8-12-24-21-35-30-39-31-78-62-116-93-15-12-69-60-85-63-57-12-27 83-37 108h-219zM295 211c25-1 50 1 75 1 65-1 129-1 194-1 64 0 62 17 62 76 0 61 5 77-63 77-94 0-188 0-281 0-67 0-58-27-58-82 0-25-4-65 30-70 13-2 28 0 41-1zM397 383h56v93h-56zM713 652c-120 0-240 0-359 0-60 0-120 0-179 0-22 0-61 4-81-1-9-1-18-10-20-19-3-14-1-42-1-57 0-17-2-43 1-58 8-31 71-21 96-21 60 0 120 0 181 0 120 0 241 0 362 0 0-14-3-98 1-104 4-8 12-5 18-1 21 12 53 42 74 59 24 19 49 39 73 58 11 9 71 53 72 61 1 4 0 7-2 11-5 9-54 43-65 52-25 20-50 40-75 59-24 19-49 39-73 58-6 5-15 12-21 3-5-7-2-86-2-100z" fill="#02193d" stroke="#02193d"/></g><g id="lemon" data-name="Lemon"><path d="M295 211c-13 1-28-1-41 1-34 5-30 45-30 70 0 55-9 82 58 82 93 0 187 0 281 0 68 0 63-16 63-77 0-59 2-76-62-76-65 0-129 0-194 1-25 0-50-2-75-1z" fill="#fcf276" stroke="#fcf276"/></g></svg>

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

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

import ArrowWithLabelSvg from "./arrow-with-label.jsx"; // from the React tab above

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