Notification SVG illustration, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300"><ellipse cx="197" cy="253" rx="100" ry="12" fill="#DFE7E5"/><circle cx="194" cy="63" r="15" fill="#527D7B"/><circle cx="194" cy="63" r="7" fill="#FFF9EF"/><circle cx="194" cy="222" r="20" fill="#E79B87"/><path d="M194 202a20 20 0 0 1 0 40c-5 0-9-2-12-4a20 20 0 0 0 12-36Z" fill="#D88374"/><path d="M116 190c13-15 17-32 17-58 0-36 25-64 61-64s61 28 61 64c0 26 4 43 17 58l12 14H104Z" fill="#A7C5BE"/><path d="M194 68c36 0 61 28 61 64 0 26 4 43 17 58l12 14h-34l-8-14c-10-18-13-37-13-61 0-29-12-51-35-61Z" fill="#789C99"/><path d="M153 130c0-22 11-38 28-45" fill="none" stroke="#DFE7E5" stroke-width="3" stroke-linecap="round"/><rect x="100" y="195" width="188" height="23" rx="11.5" fill="#527D7B"/><path d="M111.5 195h165a11.5 11.5 0 0 1 11.5 11H100a11.5 11.5 0 0 1 11.5-11Z" fill="#789C99"/><circle cx="278" cy="79" r="23" fill="#FFF9EF"/><circle cx="278" cy="79" r="17" fill="#E79B87"/></svg>

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

import NotificationSvg from "./notification.jsx"; // from the React tab above

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