Cart Button SVG element, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Wm9w5eLClovF/amnt.svg" alt="Cart 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="M267 250c-34 3-68 15-98 32-134 79-162 270-45 378 86 80 174 66 284 66 76 0 154 0 231 0 39 0 79 3 118-1 204-17 289-266 144-409-82-81-179-66-284-66-78 0-156 0-233 0-39 0-79-2-117 0zM415 375c64 0 128 0 193 0 23 0 46 0 70 0 40 0 79-2 59 52-8 22-29 92-44 105-10 9-23 9-35 9-65 0-129 0-193 0l3 13c45 0 91 0 137 0 24 0 68-7 70 30 1 10-4 19-11 26 33 23 13 76-23 81-38 5-72-40-45-73h-106c23 34-6 82-48 72-37-9-51-63-15-83-5-6-11-12-14-19-8-17-11-36-17-54-12-43-25-86-38-129-5-15-9-32-15-47-23 0-62 8-74-18-15-32 14-46 41-46 45 0 78-6 94 45 3 11 5 26 11 36z" fill="#0e7ffb" stroke="#0e7ffb"/></g><g id="grape" data-name="Grape"><path d="M332 226c-27 0-55-1-81 3-73 10-137 52-179 112-59 84-59 201-4 287 42 66 112 110 191 120 20 3 41 1 62 1 124 0 248 0 373 0 24 0 49 2 72-1 75-9 145-51 186-114 58-86 60-200 4-287-43-67-118-114-198-120-18-1-38 0-56 0-124 0-247-1-370-1zm-65 24c38-2 78 0 117 0 77 0 155 0 233 0 105 0 202-15 284 66 145 143 60 392-144 409-39 4-79 1-118 1-77 0-155 0-231 0-110 0-198 14-284-66-117-108-89-299 45-378 30-17 64-29 98-32z" fill="#012566" stroke="#012566"/><path d="M415 375c-6-10-8-25-11-36-16-51-49-45-94-45-27 0-56 14-41 46 12 26 51 18 74 18 6 15 10 32 15 47 13 43 26 86 38 129 6 18 9 37 17 54 3 7 9 13 14 19-36 20-22 74 15 83 42 10 71-38 48-72h106c-27 33 7 78 45 73 36-5 56-58 23-81 7-7 12-16 11-26-2-37-46-30-70-30-46 0-92 0-137 0l-3-13c64 0 128 0 193 0 12 0 25 0 35-9 15-13 36-83 44-105 20-54-19-52-59-52-24 0-47 0-70 0-65 0-129 0-193 0zm-15 20h91c5 11 6 37 5 49h-80l5 20h78l4 57h-64c1 8 9 45 15 50 7 7 62 3 75 3 16 0 112-3 120 1 5 3 7 9 6 14-1 4-4 8-9 9-13 3-104 0-124 0-24 0-76 8-90-16-5-8-7-20-9-29-12-37-22-74-33-110-4-14-26-96-31-101-2-3-5-3-8-4-13-3-58 7-64-6-12-25 39-18 51-18 9 0 18-1 27 3 23 8 28 57 35 78zm112 0h93l-5 49h-84zm198 49h-90c-1-13 0-37 5-49 15 0 81-3 91 0 4 2 7 4 8 9 1 7-11 31-14 40zM518 464h79l-4 57h-70zm99 0h85c-2 9-6 18-10 27-2 7-4 17-9 23-9 12-55 7-70 7zM450 620c31-3 37 47 5 50-31 3-37-47-5-50zm180 0c31-3 39 45 7 49-32 5-39-45-7-49z" fill="#012566" stroke="#012566"/></g><g id="white" data-name="White"><path d="M400 395c-7-21-12-70-35-78-9-4-18-3-27-3-12 0-63-7-51 18 6 13 51 3 64 6 3 1 6 1 8 4 5 5 27 87 31 101 11 36 21 73 33 110 2 9 4 21 9 29 14 24 66 16 90 16 20 0 111 3 124 0 5-1 8-5 9-9 1-5-1-11-6-14-8-4-104-1-120-1-13 0-68 4-75-3-6-5-14-42-15-50h64l-4-57h-78l-5-20h80c1-12 0-38-5-49z" fill="#fcfcfc" stroke="#fcfcfc"/><path d="M710 444c3-9 15-33 14-40-1-5-4-7-8-9-10-3-76 0-91 0-5 12-6 36-5 49z" fill="#fcfcfc" stroke="#fcfcfc"/><path d="M617 464l-4 57c15 0 61 5 70-7 5-6 7-16 9-23 4-9 8-18 10-27z" fill="#fcfcfc" stroke="#fcfcfc"/><path d="M512 395l4 49h84l5-49z" fill="#fcfcfc" stroke="#fcfcfc"/><path d="M518 464l5 57h70l4-57z" fill="#fcfcfc" stroke="#fcfcfc"/><path d="M630 620c-32 4-25 54 7 49 32-4 24-52-7-49z" fill="#fcfcfc" stroke="#fcfcfc"/><path d="M450 620c-32 3-26 53 5 50 32-3 26-53-5-50z" fill="#fcfcfc" stroke="#fcfcfc"/></g></svg>

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

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

import CartButtonSvg from "./cart-button.jsx"; // from the React tab above

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