Books SVG background, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Btw7w0DAOys2/amnt.svg" alt="Books" 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="#F2EEE5"/><g stroke="#344858" stroke-width="3" stroke-linejoin="round"><g transform="rotate(-5 180 857)"><rect x="-48" y="826" width="430" height="57" rx="4" fill="#617D83"/><rect x="-42" y="834" width="415" height="39" rx="2" fill="#F2EEE5"/><path d="M-41 835v38M373 835v38" fill="none"/><path d="M-25 845H355M-25 862H355" stroke="#C8BFAE" stroke-width="2"/></g><g transform="rotate(4 147 795)"><rect x="-85" y="763" width="467" height="61" rx="4" fill="#B7806E"/><rect x="-77" y="771" width="450" height="43" rx="2" fill="#F2EEE5"/><path d="M-76 772v41M373 772v41" fill="none"/><path d="M-60 784H354M-60 802H354" stroke="#C8BFAE" stroke-width="2"/></g><g transform="rotate(-8 135 731)"><rect x="-47" y="703" width="371" height="56" rx="4" fill="#D2AA71"/><rect x="-40" y="711" width="355" height="39" rx="2" fill="#F2EEE5"/><path d="M-39 712v37M315 712v37" fill="none"/><path d="M-25 722H298M-25 738H298" stroke="#C8BFAE" stroke-width="2"/></g><g transform="rotate(6 94 670)"><rect x="-97" y="645" width="382" height="53" rx="4" fill="#344858"/><rect x="-89" y="653" width="365" height="36" rx="2" fill="#F2EEE5"/><path d="M-88 654v34M276 654v34" fill="none"/><path d="M-75 664H259M-75 678H259" stroke="#C8BFAE" stroke-width="2"/></g><g transform="rotate(5 1435 862)"><rect x="1201" y="829" width="466" height="60" rx="4" fill="#B7806E"/><rect x="1210" y="837" width="449" height="42" rx="2" fill="#F2EEE5"/><path d="M1210 838v40M1659 838v40" fill="none"/><path d="M1227 850H1641M1227 867H1641" stroke="#C8BFAE" stroke-width="2"/></g><g transform="rotate(-4 1454 797)"><rect x="1252" y="766" width="426" height="60" rx="4" fill="#617D83"/><rect x="1261" y="774" width="409" height="42" rx="2" fill="#F2EEE5"/><path d="M1261 775v40M1670 775v40" fill="none"/><path d="M1278 786H1653M1278 804H1653" stroke="#C8BFAE" stroke-width="2"/></g><g transform="rotate(7 1485 732)"><rect x="1332" y="703" width="354" height="57" rx="4" fill="#D2AA71"/><rect x="1340" y="711" width="338" height="40" rx="2" fill="#F2EEE5"/><path d="M1340 712v38M1678 712v38" fill="none"/><path d="M1355 723H1662M1355 739H1662" stroke="#C8BFAE" stroke-width="2"/></g><g transform="rotate(-6 1510 670)"><rect x="1390" y="644" width="290" height="54" rx="4" fill="#344858"/><rect x="1398" y="652" width="274" height="37" rx="2" fill="#F2EEE5"/><path d="M1398 653v35M1672 653v35" fill="none"/><path d="M1413 664H1656M1413 678H1656" stroke="#C8BFAE" stroke-width="2"/></g></g></svg>

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

import BooksSvg from "./books.jsx"; // from the React tab above

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