Add icons to this collection by clicking the heart icon.
Notification icon - also known as bell, alarm, notification, alert, and ui. Created in a clean others style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 48 48"
>
<linearGradient id="a">
<stop offset="0" stop-color="#ffa523" />
<stop offset="1" stop-color="#b56b00" />
</linearGradient>
<linearGradient
id="b"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(8.8) rotate(87.8 8.14 48.925)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(.338 -7.103 7.779 .309 499.472 385.278)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(.169 -29.425 29.425 .169 500.486 378.805)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#000034" />
<stop offset="1" stop-color="#1818aa" />
</linearGradient>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="url(#b)"
d="M496.157 349.305c-3.865 1.366 11.551 1.366 7.686 0v-1.591A3.713 3.713 0 0 0 500.13 344h-.26a3.713 3.713 0 0 0-3.713 3.714z"
transform="translate(-476.018 -340)"
/>
<path
fill="url(#c)"
d="M504.791 379.173h-9.582v.209a4.618 4.618 0 0 0 4.618 4.618h.346a4.618 4.618 0 0 0 4.618-4.618z"
transform="matrix(1 0 0 1.095 -476.018 -376.562)"
/>
<path
fill="url(#d)"
d="M496.157 349.305c-3.865 1.366-6.635 5.053-6.635 9.386v7.162a3.738 3.738 0 0 1-3.738 3.738c-.33 0-1.001.552-1.001 1v7.582a1 1 0 0 0 1 1h28.434a1 1 0 0 0 1-1v-7.582s.329-1-1.001-1a3.738 3.738 0 0 1-3.738-3.738v-7.162c0-4.333-2.77-8.02-6.635-9.386-2.415-.756-4.958-.856-7.686 0z"
transform="translate(-476.018 -340)"
/>
</g>
</svg>
More icons in the same style and category