Left Arrow SVG element, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/LUPymuHfSWd2/amnt.svg" alt="Left Arrow" 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="M323 275l-273 223c15 9 29 23 43 34 34 28 69 56 104 84 30 24 60 48 90 73 12 10 26 19 36 31 0-34 0-68 0-101 0-10-2-22 0-31 4-16 45-10 59-10 66 0 132 0 199 0 132 0 264 0 396 0v-162c-132 0-265 0-397 0-67 0-133 0-199 0-53 0-58 13-58-41 0-34 0-67 0-100z" fill="#0083fc" stroke="#0083fc"/></g><g id="grape" data-name="Grape"><path d="M349 390c0-21 3-136-2-147-5-12-18-6-25 0-35 28-69 56-103 84-35 28-69 56-104 84-13 11-91 70-96 79-2 2-3 5-2 8 0 10 86 75 100 87 34 28 69 55 103 83 35 28 68 58 104 84 7 5 17 9 23-1s2-127 2-148c128 0 256 0 385 0 63 0 128 0 192 0 13 0 64 4 72-3 5-4 5-10 5-15 2-32 0-65 0-96 0-15 3-86-3-94s-73-5-86-5c-64 0-127-1-190 0-125 2-250 0-375 0zM323 275c0 33 0 66 0 100 0 54 5 41 58 41 66 0 132 0 199 0 132 0 265 0 397 0v162c-132 0-264 0-396 0-67 0-133 0-199 0-14 0-55-6-59 10-2 9 0 21 0 31 0 33 0 67 0 101-10-12-24-21-36-31-30-25-60-49-90-73-35-28-70-56-104-84-14-11-28-25-43-34z" fill="#01256a" stroke="#01256a"/></g></svg>

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

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

import LeftArrowSvg from "./left-arrow.jsx"; // from the React tab above

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