Email SVG illustration, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300"><ellipse cx="200" cy="248" rx="126" ry="12" fill="#DFE7E5"/><rect x="77" y="105" width="246" height="132" rx="12" fill="#789C99"/><path d="M89 105h222a12 12 0 0 1 12 12v16l-112 67a22 22 0 0 1-22 0L77 133v-16a12 12 0 0 1 12-12Z" fill="#527D7B"/><g transform="rotate(-8 205 118)"><path d="M135 62a7 7 0 0 1 7-7h114l22 22v92H135Z" fill="#FFF9EF"/><path d="M256 55v16a6 6 0 0 0 6 6h16Z" fill="#DFE7E5"/><rect x="153" y="78" width="63" height="6" rx="3" fill="#DFE7E5"/><rect x="153" y="94" width="101" height="6" rx="3" fill="#DFE7E5"/><rect x="153" y="110" width="85" height="6" rx="3" fill="#DFE7E5"/></g><path d="M77 117a12 12 0 0 1 12-12l111 83 111-83a12 12 0 0 1 12 12v108a12 12 0 0 1-12 12H89a12 12 0 0 1-12-12Z" fill="#E79B87"/><path d="m80 232 102-83h36l102 83a12 12 0 0 1-9 5H89a12 12 0 0 1-9-5Z" fill="#F0B7A2"/><path d="m88 111 102 85a16 16 0 0 0 20 0l102-85Z" fill="#D88374"/><path d="M89 105h222l-102 83a14 14 0 0 1-18 0Z" fill="#E79B87"/></svg>

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

import EmailSvg from "./email.jsx"; // from the React tab above

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