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/310263.svg" alt="Notification Bell icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310263.svg" alt="Notification Bell icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310263.svg" alt="Notification Bell icon" :width="24" :height="24" />
CSS background
.icon-notification-bell {
background-image: url('https://proicons.com/icon/310263.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="M21.1611 16.6558C21.1215 17.0481 20.9802 17.4234 20.7511 17.7445C20.5424 18.0533 20.2608 18.3059 19.9312 18.4801C19.6015 18.6543 19.234 18.7447 18.8611 18.7433H15.9211C15.869 19.0129 15.792 19.277 15.6911 19.5324C15.49 20.0213 15.1937 20.4655 14.8195 20.8393C14.4453 21.2131 14.0006 21.509 13.5111 21.7098C13.0157 21.9095 12.4852 22.008 11.9511 21.9995H11.8711C11.3769 21.9959 10.8881 21.8976 10.4311 21.7098C9.93425 21.5171 9.48424 21.2209 9.11106 20.8409C8.73402 20.4691 8.43785 20.0237 8.24107 19.5324C8.14017 19.277 8.06319 19.0129 8.01109 18.7433H5.19108C4.82269 18.7726 4.45276 18.7105 4.11427 18.5623C3.77578 18.4142 3.47923 18.1847 3.25108 17.8943C3.03534 17.5434 2.90013 17.1492 2.85517 16.7399C2.81022 16.3306 2.85662 15.9164 2.99107 15.5271C3.2087 14.95 3.50482 14.4055 3.87107 13.909C4.29221 13.4001 4.57466 12.7911 4.69108 12.1411C4.69108 9.25453 4.69107 8.27569 6.27107 6.39791C6.79219 5.77606 7.43987 5.27216 8.17106 4.91968L8.95106 4.54012C8.98912 4.51586 9.02292 4.48549 9.05107 4.45023C9.08094 4.41222 9.10148 4.36775 9.11106 4.32038C9.22412 3.83279 9.45766 3.38125 9.79035 3.00699C10.123 2.63273 10.5443 2.34765 11.0157 2.1778C11.487 2.00796 11.9935 1.95875 12.4887 2.03466C12.984 2.11057 13.4524 2.30921 13.8511 2.61241C14.3984 3.04806 14.7566 3.67766 14.8511 4.37031V4.4702C14.8802 4.51097 14.9177 4.54504 14.9611 4.57009L15.6811 4.91968C16.4113 5.26925 17.0589 5.76971 17.5811 6.38794C19.1611 8.27571 19.1611 9.25453 19.1611 12.1411C19.2954 12.8317 19.6015 13.4774 20.0511 14.0189C20.4105 14.5001 20.7031 15.0276 20.9211 15.5871C21.0854 15.919 21.1677 16.2855 21.1611 16.6558Z" fill="black"/> </svg>
Notification Bell in other icon packs
Copied!