Notification Bell Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The Notification Bell icon is commonly used in alert panels, push notification UIs and dashboard headers. Available as a free SVG - copy the code or download directly.
img tag
<img src="https://proicons.com/icon/310897.svg" alt="Notification Bell icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310897.svg" alt="Notification Bell icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310897.svg" alt="Notification Bell icon" :width="24" :height="24" />
CSS background
.icon-notification-bell {
background-image: url('https://proicons.com/icon/310897.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.9623 17.9861H18.7715C19.0367 18.0009 19.3014 17.9476 19.5401 17.8311C19.7788 17.7146 19.9837 17.5389 20.1352 17.3207C20.2868 17.1026 20.38 16.8493 20.406 16.585C20.432 16.3206 20.3898 16.0541 20.2835 15.8106C19.9245 14.7229 18.4887 13.4176 18.4887 12.134C18.4887 9.28415 18.4887 8.53361 17.0855 6.85847C16.6306 6.31932 16.0672 5.88198 15.4321 5.57493L14.6489 5.19422C14.5172 5.11567 14.4034 5.01012 14.3153 4.88451C14.2273 4.75892 14.1667 4.61609 14.1377 4.46542C14.0596 3.95781 13.7914 3.4989 13.3873 3.18178C12.9833 2.86465 12.4739 2.71303 11.9623 2.75766C11.4595 2.72728 10.9636 2.88545 10.5713 3.20127C10.1791 3.5171 9.91866 3.96784 9.84113 4.46542C9.80599 4.62092 9.7371 4.76682 9.63938 4.89276C9.54163 5.01869 9.4174 5.12161 9.27548 5.19422L8.4923 5.57493C7.8572 5.88198 7.29385 6.31932 6.83892 6.85847C5.43572 8.53361 5.43572 9.28415 5.43572 12.134C5.43572 13.4176 4.06516 14.5923 3.70621 15.7454C3.48865 16.4415 3.369 17.9861 5.18554 17.9861H11.9623Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M15.2254 17.9861C15.2342 18.4171 15.156 18.8455 14.9951 19.2453C14.8343 19.6453 14.5943 20.0086 14.2895 20.3134C13.9846 20.6182 13.6213 20.8582 13.2214 21.0191C12.8214 21.18 12.3932 21.2583 11.9622 21.2493C11.5312 21.2583 11.1029 21.18 10.7029 21.0191C10.303 20.8582 9.93969 20.6182 9.63491 20.3134C9.3301 20.0086 9.09006 19.6453 8.92922 19.2453C8.76837 18.8455 8.69004 18.4171 8.69892 17.9861" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>
Notification Bell in other icon packs
Copied!