Beta

Notification Permission SVG illustration, flat

Free
Notification Permission SVG illustration, flat

A phone shows a bell alert beside two unlabeled choice buttons. It fits a notification permission prompt or an article explaining alert settings.

Sign in to download. Free SVGs are free with any account.

notificationspermissionalertsonboardingillustrationflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/uKIpa17mFh8i/amnt.svg" alt="Notification Permission" width="48" height="48">
Inline SVG
<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>
CSS background-image
.notification-permission {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/uKIpa17mFh8i/amnt.svg");
  background-size: contain;
}
React
import NotificationPermissionSvg from "./notification-permission.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG Pro 1.1 drew this from the words Notification Permission: Phone with a bell alert beside two choice buttons without labels. as part of the pack Onboarding Illustrations, Flat. Want one like it? Make your own in the SVG studio.

Rest of Onboarding Illustrations, Flat

Whole pack

Similar SVGs

Licence: free. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence