Notification Permission SVG illustration, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300" fill="none"><ellipse cx="201" cy="264" rx="121" ry="11" fill="#DEDDEB" opacity=".55"/><circle cx="92" cy="95" r="5" fill="#A8C9BE"/><circle cx="316" cy="211" r="4" fill="#EBCB83"/><path d="M302 57v12m-6-6h12" stroke="#A8C9BE" stroke-width="3" stroke-linecap="round"/><path d="m79 207 6-6 6 6-6 6Z" fill="#EBCB83"/><rect x="113" y="30" width="131" height="232" rx="23" fill="#443F57"/><rect x="120" y="37" width="117" height="217" rx="17" fill="#F6F1E7"/><path d="M151 37h55v5a8 8 0 0 1-8 8h-39a8 8 0 0 1-8-8Z" fill="#443F57"/><rect x="165" y="40" width="27" height="3" rx="1.5" fill="#9188AA"/><rect x="109" y="80" width="4" height="24" rx="2" fill="#9188AA"/><rect x="109" y="112" width="4" height="36" rx="2" fill="#9188AA"/><rect x="244" y="92" width="4" height="34" rx="2" fill="#443F57"/><rect x="160" y="243" width="38" height="4" rx="2" fill="#DEDDEB"/><rect x="135" y="68" width="86" height="40" rx="10" fill="#DEDDEB"/><rect x="146" y="79" width="20" height="18" rx="5" fill="#A8C9BE"/><circle cx="185" cy="88" r="3" fill="#9188AA"/><circle cx="197" cy="88" r="3" fill="#9188AA"/><circle cx="209" cy="88" r="3" fill="#9188AA"/><rect x="135" y="122" width="86" height="96" rx="11" fill="#DEDDEB" opacity=".55"/><rect x="174" y="112" width="157" height="116" rx="17" fill="#DEDDEB"/><rect x="169" y="106" width="157" height="116" rx="17" fill="#F6F1E7"/><path d="M185 106h125a16 16 0 0 1 16 16v55H169v-55a16 16 0 0 1 16-16Z" fill="#A8C9BE"/><circle cx="247" cy="143" r="27" fill="#F6F1E7" opacity=".55"/><circle cx="247" cy="123" r="3.5" fill="#443F57"/><path d="M235 137a12 12 0 0 1 24 0v8l5 8a2 2 0 0 1-2 3h-30a2 2 0 0 1-2-3l5-8Z" fill="#EBCB83"/><path d="M242 159a5 5 0 0 0 10 0Z" fill="#443F57"/><path d="M226 130c-3 4-4 7-4 11m46-11c3 4 4 7 4 11" stroke="#443F57" stroke-width="2.5" stroke-linecap="round"/><circle cx="266" cy="122" r="8" fill="#D98C83"/><rect x="182" y="187" width="58" height="23" rx="8" fill="#DEDDEB"/><rect x="250" y="187" width="63" height="23" rx="8" fill="#9188AA"/></svg>

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

import NotificationPermissionSvg from "./notification-permission.jsx"; // from the React tab above

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