Lotus Flowers SVG pattern, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><rect width="200" height="200" fill="#F8EBD9"/><defs><g id="lotus"><g fill="#E88798"><path d="M0 0C-19-23-22-47 0-76C22-47 19-23 0 0Z"/><path d="M-5 1C-37-12-48-37-43-61C-20-53-7-31-5 1Z"/><path d="M5 1C37-12 48-37 43-61C20-53 7-31 5 1Z"/><path d="M-10 3C-46 3-62-15-66-35C-42-34-20-19-10 3Z"/><path d="M10 3C46 3 62-15 66-35C42-34 20-19 10 3Z"/></g><path d="M-22 4Q0 18 22 4" fill="none" stroke="#B95370" stroke-width="4"/></g><g id="leaf" fill="#527F67"><path d="M0 0C-20-7-41-29-40-51C-39-76-18-89 2-87C26-89 44-72 43-49C43-26 23-7 0 0L8-43L0-56L-8-43Z"/></g></defs><use href="#leaf" x="40" y="187"/><use href="#leaf" x="160" y="187"/><use href="#leaf" x="-60" y="187"/><use href="#leaf" x="240" y="187"/><use href="#leaf" x="100" y="93"/><use href="#leaf" x="-100" y="93"/><use href="#leaf" x="300" y="93"/><use href="#lotus" x="100" y="117"/><use href="#lotus" x="-100" y="117"/><use href="#lotus" x="300" y="117"/><use href="#lotus" x="0" y="23"/><use href="#lotus" x="200" y="23"/><use href="#lotus" x="0" y="223"/><use href="#lotus" x="200" y="223"/></svg>

.lotus-flowers {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/wq6WtD1meF1R/amnt.svg");
  background-size: 200px 200px;
}

import LotusFlowersSvg from "./lotus-flowers.jsx"; // from the React tab above

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