Menu

Beta
Sign in
Beta
Notification SVG illustration, flat

Notification SVG illustration, flat

A bell with a round clapper has a small alert dot beside it. Use it in account settings menus and notification permission screens.

Free · from Everyday Spot Illustrations, Flat

Similar SVGs

More from Everyday Spot Illustrations, Flat

Whole pack

How to use it

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

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

Tags

notificationbellalertspotillustrationflat

Made with AMNT

AMNT SVG Pro 1.1 drew this from the words Notification: Bell with a round clapper and a small alert dot beside it. as part of the pack Everyday Spot Illustrations, Flat. Want one like it? Make your own in the SVG studio.

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

Settings