No Notifications SVG illustration, flat

No Notifications SVG illustration, flat

A bell shows an empty badge circle without any alert marks. It works in notification panels and account activity pages when there are no updates.

Similar SVGs

More from Empty States, Flat Illustrations

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/qbG7QcBr4-Mr/amnt.svg" alt="No Notifications" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300" fill="none"><ellipse cx="199" cy="252" rx="91" ry="12" fill="#E9EDF2"/><path d="M185 77V65C185 56.716 191.716 50 200 50C208.284 50 215 56.716 215 65V77H205V65C205 62.239 202.761 60 200 60C197.239 60 195 62.239 195 65V77H185Z" fill="#94A5BB"/><path d="M182 215H218V222C218 231.941 209.941 240 200 240C190.059 240 182 231.941 182 222V215Z" fill="#94A5BB"/><path d="M141 133C141 100.415 167.415 74 200 74C232.585 74 259 100.415 259 133V160C259 179 266 190 278 203C283 209 279 219 271 219H129C121 219 117 209 122 203C134 190 141 179 141 160V133Z" fill="#DCE3EC"/><path d="M200 74C232.585 74 259 100.415 259 133V160C259 179 266 190 278 203C283 209 279 219 271 219H249C254 216 254 210 250 205C237 189 232 176 232 156V128C232 105 219 86 200 74Z" fill="#B5C1D1"/><path d="M157 143V132C157 113 168 98 184 93" stroke="#F5F7FA" stroke-width="3" stroke-linecap="round"/><rect x="119" y="205" width="162" height="16" rx="8" fill="#94A5BB"/><circle cx="266" cy="88" r="32" fill="#F5F7FA"/><circle cx="266" cy="88" r="25" fill="#E6EFF0"/><circle cx="266" cy="88" r="25" stroke="#79AAA8" stroke-width="3"/></svg>
CSS background-image
.no-notifications {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/qbG7QcBr4-Mr/amnt.svg");
  background-size: contain;
}
React
import NoNotificationsSvg from "./no-notifications.jsx"; // from the React tab above

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

Tags

Made with AMNT

AMNT SVG Pro 1.1 drew this from the words No Notifications: Bell with an empty badge circle and no alert marks. as part of the pack Empty States, Flat Illustrations. 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