Add icons to this collection by clicking the heart icon.
Notification icon - also known as bell, medical, smartphone, health, notification, health care, care, and healthcare and medical. Created in a clean flat 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 64 64"
>
<linearGradient
id="a"
x1="-11.317"
x2="38.041"
y1="47.78"
y2="-.806"
gradientUnits="userSpaceOnUse"
>
<stop offset=".133" stop-color="#a617ff" />
<stop offset=".477" stop-color="#6359e3" />
<stop offset="1" stop-color="#5bcbfa" />
</linearGradient>
<linearGradient
id="b"
x1="-7.27"
x2="42.088"
y1="51.891"
y2="3.305"
href="#a"
/>
<linearGradient
id="c"
x1="-3.794"
x2="45.563"
y1="55.422"
y2="6.836"
href="#a"
/>
<linearGradient
id="d"
x1=".694"
x2="50.052"
y1="59.982"
y2="11.396"
href="#a"
/>
<linearGradient
id="e"
x1="-4.999"
x2="44.359"
y1="54.198"
y2="5.612"
href="#a"
/>
<linearGradient
id="f"
x1="7.455"
x2="56.812"
y1="66.849"
y2="18.263"
href="#a"
/>
<linearGradient
id="g"
x1="8.616"
x2="57.974"
y1="68.029"
y2="19.443"
href="#a"
/>
<linearGradient
id="h"
x1="13.241"
x2="62.598"
y1="72.727"
y2="24.141"
href="#a"
/>
<linearGradient
id="i"
x1="18.772"
x2="68.129"
y1="78.346"
y2="29.76"
href="#a"
/>
<linearGradient
id="j"
x1="20.74"
x2="70.098"
y1="80.346"
y2="31.76"
href="#a"
/>
<path
fill="url(#a)"
d="M11 21a3.009 3.009 0 0 0 3 3h5v-6h-5a3.009 3.009 0 0 0-3 3z"
/>
<path fill="url(#b)" d="M26 18h-5v6h5a3 3 0 0 0 0-6z" />
<path
fill="url(#c)"
d="M35 55a3.009 3.009 0 0 1-3 3H8a3.009 3.009 0 0 1-3-3V8a2.006 2.006 0 0 1 2-2h4a1 1 0 0 1 1 1v1a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V7a1 1 0 0 1 1-1h4a2.006 2.006 0 0 1 2 2v15.46a9.2 9.2 0 0 1 2-1.89V5a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v54a1 1 0 0 0 1 1h32a1 1 0 0 0 1-1V44h-2zM23 6h2v2h-2zm-4 0h2v2h-2zm-4 0h2v2h-2z"
/>
<path
fill="url(#d)"
d="M43 20.06V19a.928.928 0 0 0-.29-.69A.949.949 0 0 0 42 18a1 1 0 0 0-1 1v1.07c.15-.02.3-.04.45-.05a8.9 8.9 0 0 1 1.55.04z"
/>
<path
fill="url(#e)"
d="M32.27 37.52a1 1 0 0 0 .73-.96V8h-3a3.009 3.009 0 0 1-3 3H13a3.009 3.009 0 0 1-3-3H7v43.18A3 3 0 0 1 8 51h24a3 3 0 0 1 1 .18v-7.21a3.317 3.317 0 0 1-.73-6.45zm-7.321 4.8L24.054 45l.9 2.684-1.9.632-1-3a1 1 0 0 1 0-.632l.9-2.684-.9-2.684a1 1 0 0 1 0-.632l1-3 1.9.632-.9 2.684.9 2.684a1 1 0 0 1-.005.632zm4 0L28.054 45l.9 2.684-1.9.632-1-3a1 1 0 0 1 0-.632l.9-2.684-.9-2.684a1 1 0 0 1 0-.632l1-3 1.9.632-.9 2.684.9 2.684a1 1 0 0 1-.005.632zM26 26H14a5 5 0 0 1 0-10h12a5 5 0 0 1 0 10z"
/>
<rect width="26" height="3" x="7" y="53" fill="url(#f)" rx="1" />
<path
fill="url(#g)"
d="M51.09 39.42A3.007 3.007 0 0 1 49 36.56V29a6.991 6.991 0 0 0-7-7c-.14 0-.29 0-.43.01a7.179 7.179 0 0 0-6.57 7.3v7.25a2.978 2.978 0 0 1-2.05 2.84 1.34 1.34 0 0 0-.95 1.28A1.319 1.319 0 0 0 33.32 42h17.36a1.323 1.323 0 0 0 .41-2.58z"
/>
<path
fill="url(#h)"
d="M42 46a2.006 2.006 0 0 0 2-2h-4a2.006 2.006 0 0 0 2 2z"
/>
<path
fill="url(#i)"
d="m57 39-1-3-1.9.633.9 2.683L54.1 42a.98.98 0 0 0 0 .633l.9 2.683L54.1 48l1.9.633 1-3A.994.994 0 0 0 57 45l-.9-2.684.9-2.683A.994.994 0 0 0 57 39z"
/>
<path
fill="url(#j)"
d="m60.105 42.316.9-2.683A.994.994 0 0 0 61 39l-1-3-1.9.633.9 2.683L58.1 42a.98.98 0 0 0 0 .633l.9 2.683L58.1 48l1.9.633 1-3A.994.994 0 0 0 61 45z"
/>
</svg>
More icons in the same style and category