Add icons to this collection by clicking the heart icon.
Bell icon - also known as interface, bell, add, alarm, notification, 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 54 54"
>
<linearGradient
id="a"
x1="7.686"
x2="50.458"
y1="48.643"
y2="3.376"
gradientUnits="userSpaceOnUse"
>
<stop offset=".132" stop-color="#00c5e5" />
<stop offset="1" stop-color="#83e6ed" />
</linearGradient>
<linearGradient
id="b"
x1="10.343"
x2="53.115"
y1="51.154"
y2="5.886"
href="#a"
/>
<linearGradient
id="c"
x1="7.086"
x2="49.858"
y1="48.076"
y2="2.809"
href="#a"
/>
<path
fill="url(#a)"
d="M36 17a7.02 7.02 0 0 0-1.082.092A9.912 9.912 0 0 0 30 13.484V13a3 3 0 0 0-6 0v.457a9.918 9.918 0 0 0-3.868 2.243A10.038 10.038 0 0 0 16.97 23v5.4a6.439 6.439 0 0 1-1.408 4.011A2.828 2.828 0 0 0 17.771 37h3.319a5.993 5.993 0 0 0 11.82 0h3.26a2.827 2.827 0 0 0 2.208-4.592 6.412 6.412 0 0 1-.911-1.565A7 7 0 0 0 36 17zm-10-4a1 1 0 0 1 2 0v.067c-.123-.013-.242-.038-.366-.046a10.334 10.334 0 0 0-1.634.037zm1 27a4 4 0 0 1-3.858-3h7.716A4 4 0 0 1 27 40zm9.915-5.469a.805.805 0 0 1-.745.469h-18.4a.826.826 0 0 1-.646-1.343A8.454 8.454 0 0 0 18.97 28.4V23a8 8 0 0 1 8.535-7.982 7.767 7.767 0 0 1 5.386 2.72 6.991 6.991 0 0 0 2.491 13.231 8.447 8.447 0 0 0 1.433 2.688.806.806 0 0 1 .1.874zM36 29a5 5 0 1 1 5-5 5.006 5.006 0 0 1-5 5z"
/>
<path
fill="url(#b)"
d="M38 23h-1v-1a1 1 0 0 0-2 0v1h-1a1 1 0 0 0 0 2h1v1a1 1 0 0 0 2 0v-1h1a1 1 0 0 0 0-2z"
/>
<path
fill="url(#c)"
d="M27 4a23 23 0 1 0 23 23A23.026 23.026 0 0 0 27 4zm0 44a21 21 0 1 1 21-21 21.023 21.023 0 0 1-21 21z"
/>
</svg>
More icons in the same style and category