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="18.727"
x2="68.47"
y1="80.995"
y2="29.324"
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="20.803"
x2="70.546"
y1="82.993"
y2="31.323"
href="#a"
/>
<linearGradient
id="c"
x1="-9.589"
x2="40.154"
y1="53.735"
y2="2.065"
href="#a"
/>
<linearGradient
id="d"
x1="-.004"
x2="49.739"
y1="62.963"
y2="11.292"
href="#a"
/>
<linearGradient
id="e"
x1="-5.092"
x2="44.651"
y1="58.064"
y2="6.394"
href="#a"
/>
<linearGradient
id="f"
x1="-6.295"
x2="43.448"
y1="56.906"
y2="5.235"
href="#a"
/>
<linearGradient
id="g"
x1="6.15"
x2="55.893"
y1="68.887"
y2="17.216"
href="#a"
/>
<linearGradient
id="h"
x1="7.974"
x2="57.717"
y1="70.643"
y2="18.972"
href="#a"
/>
<linearGradient
id="i"
x1="12.523"
x2="62.266"
y1="75.022"
y2="23.351"
href="#a"
/>
<path
fill="url(#a)"
d="m56.949 39.684-1-3-1.9.632.897 2.684-.895 2.684a1 1 0 0 0 0 .632L54.946 46l-.895 2.684 1.9.632 1-3a1 1 0 0 0 0-.632L56.054 43l.895-2.684a1 1 0 0 0 0-.632z"
/>
<path
fill="url(#b)"
d="m60.054 43 .895-2.684a1 1 0 0 0 0-.632l-1-3-1.9.632.897 2.684-.895 2.684a1 1 0 0 0 0 .632L58.946 46l-.895 2.684 1.9.632 1-3a1 1 0 0 0 0-.632z"
/>
<path
fill="url(#c)"
d="M21 21v-2h-2v2a1 1 0 0 1-1 1h-2v2h2a1 1 0 0 1 1 1v2h2v-2a1 1 0 0 1 1-1h2v-2h-2a1 1 0 0 1-1-1z"
/>
<path
fill="url(#c)"
d="M20 14a9 9 0 1 0 9 9 9.011 9.011 0 0 0-9-9zm6 11a1 1 0 0 1-1 1h-2v2a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-2h-2a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h2v-2a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2h2a1 1 0 0 1 1 1z"
/>
<path
fill="url(#d)"
d="M43 20.064V19a.957.957 0 0 0-.288-.694A.974.974 0 0 0 42 18a1 1 0 0 0-1 1v1.066c.15-.017.3-.04.451-.049a9.071 9.071 0 0 1 1.549.047z"
/>
<path
fill="url(#e)"
d="M35 54v1a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3V8a2 2 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 2 0 0 1 2 2v15.462a9.148 9.148 0 0 1 2-1.89V5a1.078 1.078 0 0 0-1.118-1H4.118A1.078 1.078 0 0 0 3 5v54a1.078 1.078 0 0 0 1.118 1h31.764A1.078 1.078 0 0 0 37 59V44h-2zM23 6h2v2h-2zm-4 0h2v2h-2zm-4 0h2v2h-2z"
/>
<path
fill="url(#f)"
d="M32.273 37.521a1.013 1.013 0 0 0 .727-.962V8h-3a3 3 0 0 1-3 3H13a3 3 0 0 1-3-3H7v43.184A2.966 2.966 0 0 1 8 51h24a2.966 2.966 0 0 1 1 .184v-7.217a3.314 3.314 0 0 1-.727-6.446zm-7.324 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.632zM20 34a11 11 0 1 1 11-11 11.013 11.013 0 0 1-11 11z"
/>
<rect width="26" height="3" x="7" y="53" fill="url(#g)" rx="1" />
<path
fill="url(#h)"
d="M51.094 39.419A3.01 3.01 0 0 1 49 36.559V29a7 7 0 0 0-7-7c-.145 0-.289 0-.434.013A6.661 6.661 0 0 0 39 22.7v.134h-.242A7.36 7.36 0 0 0 35 29.312v7.247a3 3 0 0 1-2.051 2.846A1.325 1.325 0 0 0 33.325 42h17.35a1.324 1.324 0 0 0 .419-2.581z"
/>
<path fill="url(#i)" d="M42 46a2 2 0 0 0 2-2h-4a2 2 0 0 0 2 2z" />
</svg>
More icons in the same style and category