Add icons to this collection by clicking the heart icon.
Notification icon - also known as bell, ring, alarm, notification, alert, and ui. 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 32 32"
>
<linearGradient
id="a"
x1="1.769"
x2="29.747"
y1="33.059"
y2="2.057"
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>
<linearGradient
id="b"
x1="-9.755"
x2="18.223"
y1="22.659"
y2="-8.343"
href="#a"
/>
<linearGradient
id="c"
x1="3.058"
x2="31.035"
y1="34.222"
y2="3.22"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M26 18.8V11a10 10 0 0 0-20 0v7.8l-1.767 4.118A2.928 2.928 0 0 0 6.925 27H11.1a5 5 0 0 0 9.8 0h4.176a2.928 2.928 0 0 0 2.692-4.082zM16 29a3 3 0 0 1-2.816-2h5.632A3 3 0 0 1 16 29zm9.85-4.418a.912.912 0 0 1-.775.418H6.925a.93.93 0 0 1-.854-1.3l1.848-4.311A.985.985 0 0 0 8 19v-8a8 8 0 0 1 16 0v8a.985.985 0 0 0 .081.394l1.848 4.311a.915.915 0 0 1-.079.877z"
/>
<path
fill="url(#b)"
d="M6.368 2.212a1 1 0 0 0-1.4.172A13.859 13.859 0 0 0 2 11a1 1 0 0 0 2 0 11.879 11.879 0 0 1 2.54-7.384 1 1 0 0 0-.172-1.404z"
/>
<path
fill="url(#c)"
d="M27.035 2.384a1 1 0 1 0-1.575 1.232A11.879 11.879 0 0 1 28 11a1 1 0 0 0 2 0 13.859 13.859 0 0 0-2.965-8.616z"
/>
</g>
</svg>
More icons in the same style and category