Marble SVG background, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 900" preserveAspectRatio="xMidYMid slice"><rect width="1600" height="900" fill="#F5F3EF"/><g fill="none" stroke-linecap="round" stroke-linejoin="round"><g stroke="#D8D6D3" stroke-width="18" opacity=".34"><path d="M-80 135 C120 170 178 108 310 135 S500 242 620 190 S730 100 845 118"/><path d="M1170-80 C1195 95 1300 150 1260 270 S1195 405 1285 485 S1490 560 1680 535"/><path d="M-80 735 C145 665 250 710 395 640 S550 515 710 545"/></g><g stroke="#AAA9A7" opacity=".68"><path stroke-width="4" d="M-80 132 C110 165 185 107 306 132 C430 160 484 231 610 188 C716 151 737 99 845 116"/><path stroke-width="2" d="M279 130 C342 102 379 54 412-35"/><path stroke-width="1.5" d="M477 210 C485 264 546 295 610 306"/><path stroke-width="3.5" d="M1172-80 C1193 82 1299 152 1258 269 C1215 385 1199 408 1285 482 C1370 557 1496 557 1680 532"/><path stroke-width="1.5" d="M1261 267 C1327 254 1400 204 1440 134"/><path stroke-width="2" d="M1250 423 C1160 446 1106 513 1083 602"/><path stroke-width="3" d="M-80 736 C142 663 246 710 394 638 C532 570 555 513 710 543"/><path stroke-width="1.5" d="M394 638 C435 706 477 756 562 794"/><path stroke-width="1" d="M152 690 C178 635 174 591 151 549"/></g><g stroke="#C8C6C3" opacity=".65"><path stroke-width="1.5" d="M-40 148 C136 182 188 128 303 147 S487 252 617 201"/><path stroke-width="1" d="M1183-30 C1199 88 1314 159 1272 274 S1212 401 1299 472"/><path stroke-width="1.5" d="M-30 751 C141 679 258 724 400 654 S563 529 700 556"/><path stroke-width="1" d="M1320 490 C1398 533 1515 570 1650 555"/></g></g></svg>

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

import MarbleSvg from "./marble.jsx"; // from the React tab above

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