Notification Bell Cross Icon

Free SVG icon from the Mage Icons collection. Download or copy for use in any project.

Collection: Mage Icons
Format: SVG, Font, PNG
License: Apache 2.0 - Free for commercial use
Tags: notification bell cross alert badge message ping alarm

The Notification Bell Cross 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/310254.svg" alt="Notification Bell Cross icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/310254.svg" alt="Notification Bell Cross icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/310254.svg"
  alt="Notification Bell Cross icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-notification-bell-cross {
  background-image: url('https://proicons.com/icon/310254.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.0032 15.5784C20.7812 15.0201 20.4888 14.4925 20.1332 14.0084C19.6795 13.4689 19.3729 12.8212 19.2432 12.1283C19.2432 9.23835 19.2432 8.25837 17.6632 6.36837C17.1396 5.75093 16.4923 5.25015 15.7632 4.89837L15.0332 4.54836C14.9928 4.5229 14.9586 4.48873 14.9332 4.44835C14.9086 4.41964 14.8914 4.38529 14.8832 4.34835C14.7771 3.66202 14.417 3.04059 13.8744 2.6072C13.3317 2.17381 12.646 1.96008 11.9532 2.00835C11.2828 1.98134 10.6253 2.19859 10.103 2.61977C9.58063 3.04095 9.22894 3.63743 9.11321 4.29836C9.10224 4.35025 9.07813 4.39843 9.04321 4.43834C9.01821 4.47015 8.98773 4.49726 8.95321 4.51836L8.17321 4.89837C7.43694 5.24765 6.78526 5.75259 6.26321 6.37835C4.69321 8.25835 4.6932 9.23835 4.6932 12.1283C4.57678 12.7791 4.29433 13.3888 3.87319 13.8984C3.50518 14.3943 3.20892 14.9397 2.99319 15.5184C2.85874 15.9081 2.81234 16.3227 2.85729 16.7325C2.90225 17.1423 3.03746 17.5371 3.2532 17.8884C3.48136 18.1791 3.7779 18.4088 4.11639 18.5571C4.45488 18.7054 4.82481 18.7677 5.1932 18.7384H8.01321C8.05591 19.006 8.12975 19.2678 8.23321 19.5184C8.43094 20.0151 8.73074 20.4648 9.11321 20.8383C9.4827 21.2186 9.92939 21.5153 10.4232 21.7084C10.8837 21.8964 11.3758 21.9948 11.8732 21.9983H12.0332C13.0791 21.9913 14.0806 21.5749 14.8232 20.8383C15.197 20.4635 15.4927 20.0183 15.6932 19.5283C15.7941 19.2727 15.8711 19.0082 15.9232 18.7384H18.8632C19.2093 18.7356 19.5507 18.6571 19.8632 18.5084C20.2144 18.331 20.5166 18.07 20.7432 17.7483C20.9692 17.426 21.1071 17.0503 21.1432 16.6583C21.1878 16.2923 21.1396 15.9209 21.0032 15.5784ZM14.2832 12.4784C14.4236 12.619 14.5025 12.8096 14.5025 13.0084C14.5025 13.2071 14.4236 13.3977 14.2832 13.5384C14.1426 13.6788 13.9519 13.7577 13.7532 13.7577C13.5544 13.7577 13.3638 13.6788 13.2232 13.5384L11.9932 12.3183L10.7832 13.4784C10.6426 13.6188 10.4519 13.6977 10.2532 13.6977C10.0544 13.6977 9.86383 13.6188 9.7232 13.4784C9.58275 13.3377 9.50387 13.1471 9.50387 12.9484C9.50387 12.7496 9.58275 12.559 9.7232 12.4184L10.9332 11.2084L9.7232 9.99834C9.5845 9.85478 9.50698 9.66296 9.50698 9.46334C9.50698 9.26372 9.5845 9.07193 9.7232 8.92837C9.86383 8.78791 10.0544 8.709 10.2532 8.709C10.4519 8.709 10.6426 8.78791 10.7832 8.92837L12.0032 10.1484L13.2232 8.92837C13.2921 8.85761 13.3746 8.80136 13.4656 8.76296C13.5566 8.72456 13.6544 8.70479 13.7532 8.70479C13.852 8.70479 13.9498 8.72456 14.0408 8.76296C14.1319 8.80136 14.2143 8.85761 14.2832 8.92837C14.4236 9.06899 14.5025 9.25961 14.5025 9.45836C14.5025 9.65711 14.4236 9.84774 14.2832 9.98836L13.0632 11.2084L14.2832 12.4784Z" fill="black"/>
</svg>

Copied!

Notification Bell Cross Icon

More from Mage Icons