Fall Foliage SVG background, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/94ZrPoXP1Bsm/amnt.svg" alt="Fall Foliage" 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="#F5F0E5"/><path fill="#D9A545" d="M0 730 Q45 680 95 705 Q135 640 200 675 Q255 625 315 675 Q380 645 430 710 Q490 670 545 730 Q610 695 665 750 Q735 710 790 760 Q855 720 915 755 Q975 690 1040 735 Q1100 665 1160 715 Q1225 650 1290 705 Q1355 645 1410 700 Q1480 655 1530 710 Q1570 685 1600 715 V900 H0Z"/><path fill="#B96540" d="M0 790 Q65 725 125 760 Q190 690 255 745 Q320 700 385 765 Q455 720 520 785 Q585 745 650 800 Q720 755 785 805 Q855 750 925 790 Q995 725 1060 775 Q1130 710 1195 765 Q1270 700 1335 760 Q1410 705 1470 765 Q1540 725 1600 770 V900 H0Z"/><path fill="#A9463C" d="M0 835 Q55 785 110 815 Q175 755 245 805 Q310 765 375 825 Q445 780 510 830 Q575 790 640 845 Q710 805 775 850 Q845 800 910 835 Q980 775 1045 825 Q1110 780 1175 835 Q1245 775 1310 825 Q1380 775 1445 830 Q1520 780 1600 825 V900 H0Z"/><path fill="#D9A545" d="M0 875 Q90 825 175 860 Q255 815 340 865 Q420 825 505 870 Q590 835 675 875 Q760 830 845 870 Q930 825 1015 870 Q1100 830 1185 875 Q1270 825 1355 865 Q1440 820 1525 865 Q1570 845 1600 855 V900 H0Z"/><path fill="#8D4439" d="M0 890 Q85 850 170 885 Q250 850 335 890 Q420 855 505 890 Q590 855 675 890 Q760 850 845 890 Q930 850 1015 890 Q1100 850 1185 890 Q1270 850 1355 890 Q1440 850 1525 885 Q1570 865 1600 880 V900 H0Z"/></svg>

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

import FallFoliageSvg from "./fall-foliage.jsx"; // from the React tab above

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