Lavender SVG pattern, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><rect width="200" height="200" fill="#F8F2E6"/><defs><g id="lavender"><path d="M0 150 C-2 112 2 69 0 9" fill="none" stroke="#638066" stroke-width="2.5"/><path d="M-1 126 C-11 111-19 108-24 111 C-19 120-12 125-1 126ZM1 116 C10 100 18 98 23 101 C17 111 10 116 1 116ZM-1 145 C-9 134-16 131-21 133 C-16 141-10 145-1 145Z" fill="#638066"/><g fill="#76518D"><ellipse cx="-5" cy="13" rx="5" ry="8" transform="rotate(-30 -5 13)"/><ellipse cx="5" cy="13" rx="5" ry="8" transform="rotate(30 5 13)"/><ellipse cx="-8" cy="28" rx="6" ry="8" transform="rotate(-30 -8 28)"/><ellipse cx="8" cy="28" rx="6" ry="8" transform="rotate(30 8 28)"/><ellipse cx="-8" cy="44" rx="6" ry="8" transform="rotate(-30 -8 44)"/><ellipse cx="8" cy="44" rx="6" ry="8" transform="rotate(30 8 44)"/><ellipse cx="-6" cy="60" rx="5" ry="7" transform="rotate(-30 -6 60)"/><ellipse cx="6" cy="60" rx="5" ry="7" transform="rotate(30 6 60)"/></g><g fill="#B996C5"><ellipse cx="0" cy="4" rx="4" ry="7"/><ellipse cx="-4" cy="22" rx="3" ry="5" transform="rotate(-25 -4 22)"/><ellipse cx="5" cy="36" rx="3" ry="5" transform="rotate(25 5 36)"/><ellipse cx="-4" cy="52" rx="3" ry="5" transform="rotate(-25 -4 52)"/></g></g></defs><use href="#lavender" transform="translate(34 28) rotate(-7 0 150)"/><use href="#lavender" transform="translate(99 42) rotate(6 0 150)"/><use href="#lavender" transform="translate(163 23) rotate(-4 0 150)"/></svg>

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

import LavenderSvg from "./lavender.jsx"; // from the React tab above

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