Search SVG illustration, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300"><ellipse cx="210" cy="256" rx="117" ry="12" fill="#E4ECE9"/><g fill="#BDD2CC"><circle cx="97" cy="175" r="7"/><circle cx="115" cy="201" r="6"/><circle cx="144" cy="219" r="7"/><circle cx="93" cy="212" r="4"/><circle cx="176" cy="222" r="4"/></g><path d="m221 173 25-25 68 68a17.7 17.7 0 0 1-25 25Z" fill="#D88D7C"/><path d="m239 166 7-7 68 68a17 17 0 0 1-5 14 18 18 0 0 1-9 5 18 18 0 0 0-3-21Z" fill="#C57A6D"/><path d="m222 174 17-17 20 20-17 17Z" fill="#527D7B"/><circle cx="177" cy="120" r="81" fill="#527D7B"/><circle cx="173" cy="116" r="79" fill="#789C99"/><circle cx="173" cy="116" r="65" fill="#EFF5EF"/><g fill="#BDD2CC"><circle cx="144" cy="89" r="7"/><circle cx="174" cy="85" r="6"/><circle cx="204" cy="95" r="7"/><circle cx="133" cy="119" r="6"/><circle cx="210" cy="124" r="6"/><circle cx="145" cy="148" r="7"/><circle cx="175" cy="153" r="6"/><circle cx="200" cy="150" r="5"/></g><circle cx="173" cy="119" r="12" fill="#D88D7C"/><circle cx="170" cy="116" r="4" fill="#F5D5C5"/><path d="M121 91a58 58 0 0 1 39-31" fill="none" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round"/><path d="m266 190 24 24" fill="none" stroke="#F5D5C5" stroke-width="3" stroke-linecap="round"/></svg>

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

import SearchSvg from "./search.jsx"; // from the React tab above

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