Book SVG illustration, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300"><ellipse cx="203" cy="253" rx="119" ry="15" fill="#344B50" opacity=".12"/><path d="M86 88 242 59 319 198v25L158 254c-7 1-13-3-16-9L82 108c-4-9-2-17 4-20Z" fill="#456B71"/><path d="m96 91 144-26 71 133v22l-151 28Z" fill="#D7D8C8"/><path d="m158 221 153-29v28l-153 28Z" fill="#F4EEDF"/><path d="m242 63 69 129v28L242 89Z" fill="#E5DFCF"/><path d="m168 230 132-25M170 238l130-25" fill="none" stroke="#D7D8C8" stroke-width="2" stroke-linecap="round"/><path d="m248 89 56 105v11" fill="none" stroke="#D7D8C8" stroke-width="2" stroke-linecap="round"/><path d="m211 216 20-4 9 38-12-5-8 10Z" fill="#BC7165"/><path d="m211 216 20-4 3 12-20 4Z" fill="#A65F58"/><path d="M86 70 240 42c5-1 9 1 12 6l68 135c3 6 0 12-6 13l-155 30c-7 1-13-3-16-9L80 88c-4-8-1-15 6-18Z" fill="#729C99"/><path d="m86 70 17-3 70 156-14 3c-7 1-13-3-16-9L80 88c-4-8-1-15 6-18Z" fill="#456B71"/><path d="m110 74 127-23c3-.5 5 1 6 3l64 128c1 2 0 4-3 5l-128 24Z" fill="#91B5AA"/><path d="m100 79 61 133" fill="none" stroke="#729C99" stroke-width="2" stroke-linecap="round"/><path d="M80 86c-1 6 1 11 4 17l60 132c3 7 8 11 14 10v-19c-7 1-13-3-16-10L84 91Z" fill="#456B71"/><path d="m93 118 47 102" fill="none" stroke="#729C99" stroke-width="2" stroke-linecap="round"/></svg>

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

import BookSvg from "./book.jsx"; // from the React tab above

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