Add icons to this collection by clicking the heart icon.
Notification icon - also known as bell, alarm, notification, alert, ui, and notification bell. Created in a clean gradient 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 24 24"
>
<linearGradient
id="a"
x1=".69"
x2="21.56"
y1="22.176"
y2="2.675"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".04" stop-color="#fee72e" />
<stop offset=".117" stop-color="#fed51b" />
<stop offset=".196" stop-color="#fdca10" />
<stop offset=".281" stop-color="#fdc70c" />
<stop offset=".669" stop-color="#f3903f" />
<stop offset=".888" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
fill="url(#a)"
d="M20.492 5.164a1.562 1.562 0 1 0-2.209-2.208l-.611.611a6.812 6.812 0 0 0-8.465.954L6.35 7.379h-2.8a.5.5 0 0 0-.5.5 11.448 11.448 0 0 0 3.331 8.039l.489.489a3.148 3.148 0 1 0 5.245 3.443 11.275 11.275 0 0 0 3.452.546.5.5 0 0 0 .5-.5V17.1l2.858-2.858a6.778 6.778 0 0 0 2-4.855 6.677 6.677 0 0 0-1.047-3.615zm-.707-1.5a.563.563 0 0 1 0 .8l-.479.479c-.123-.147-.25-.287-.379-.416s-.271-.257-.416-.378l.479-.479a.563.563 0 0 1 .795-.007zM9.349 20.5a2.153 2.153 0 0 1-1.766-3.387 11.281 11.281 0 0 0 3.566 2.372 2.127 2.127 0 0 1-1.8 1.015zM19.932 9.389a5.778 5.778 0 0 1-1.712 4.145l-3 3a.5.5 0 0 0-.147.354v2.492a10.174 10.174 0 0 1-3.055-.616 10.289 10.289 0 0 1-3.778-2.41l-1.15-1.143a10.448 10.448 0 0 1-3.026-6.832h2.493a.5.5 0 0 0 .353-.147l3-3a5.834 5.834 0 0 1 7.558-.621 5.592 5.592 0 0 1 .748.621 5.793 5.793 0 0 1 .628.756 5.72 5.72 0 0 1 1.084 3.4z"
/>
</svg>
More icons in the same style and category