Forest SVG background, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/F99lajVR9jap/amnt.svg" alt="Forest" 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="#D7E9E4"/><path fill="#B8D3C5" d="M0 405Q35 350 78 390Q103 326 153 365Q189 309 236 356Q276 335 310 390Q356 350 395 405V485H0ZM1205 404Q1243 355 1288 387Q1320 322 1367 367Q1405 310 1451 358Q1493 327 1525 385Q1567 345 1600 390V485H1205Z"/><path fill="#8DAE96" d="M0 525Q28 470 73 500Q103 428 153 478Q191 408 242 464Q282 438 317 495Q355 450 402 508L445 580H0ZM1150 540Q1190 474 1238 504Q1275 429 1323 480Q1362 405 1411 464Q1452 432 1490 494Q1542 442 1600 510V590H1150Z"/><path fill="#557D64" d="M0 665Q40 607 83 636Q115 562 168 610Q208 540 260 606Q302 565 345 631Q387 588 430 650Q475 606 520 668Q565 621 615 670Q658 630 705 676Q753 630 801 678Q852 626 902 671Q949 619 995 670Q1047 614 1091 656Q1137 597 1180 649Q1227 589 1270 635Q1314 568 1362 619Q1405 550 1452 613Q1499 572 1541 627Q1575 594 1600 634V900H0Z"/><path fill="#345B48" d="M0 765Q42 713 90 741Q130 675 178 726Q222 658 269 721Q313 682 355 742Q402 687 449 747Q493 702 540 762Q585 708 634 761Q681 718 731 768Q778 714 827 765Q875 711 924 758Q969 708 1017 762Q1062 704 1110 754Q1157 697 1205 746Q1251 685 1300 737Q1345 672 1390 728Q1434 668 1480 728Q1530 679 1570 740L1600 718V900H0Z"/></svg>

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

import ForestSvg from "./forest.jsx"; // from the React tab above

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