Add icons to this collection by clicking the heart icon.
Notification icon - also known as interface, bell, 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 28 28"
>
<linearGradient
id="a"
x1="2.366"
x2="23.047"
y1="27.816"
y2="2.189"
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="6.942"
x2="27.624"
y1="31.509"
y2="5.882"
href="#a"
/>
<linearGradient
id="c"
x1="3.477"
x2="24.159"
y1="28.713"
y2="3.086"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M21.5 14H6v-4a7.009 7.009 0 0 1 7-7 7.279 7.279 0 0 1 .879.054 1 1 0 0 0 .242-1.985A9.2 9.2 0 0 0 13 1a9.01 9.01 0 0 0-9 9v4.051A3.492 3.492 0 0 0 4.5 21h17a3.5 3.5 0 0 0 0-7zm0 5h-17a1.5 1.5 0 0 1 0-3h17a1.5 1.5 0 0 1 0 3z"
/>
<path
fill="url(#b)"
d="M16.2 23.4a4 4 0 0 1-6.4 0 1 1 0 1 0-1.6 1.2 6 6 0 0 0 9.6 0 1 1 0 0 0-1.6-1.2z"
/>
<path
fill="url(#c)"
d="M21 1a6 6 0 1 0 6 6 6.006 6.006 0 0 0-6-6zm0 10a4 4 0 1 1 4-4 4 4 0 0 1-4 4z"
/>
</g>
</svg>
More icons in the same style and category