Add icons to this collection by clicking the heart icon.
Notification icon - also known as interface, message, smartphone, mobile phone, envelope, email, letter, notification, and communications. 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 64 64"
>
<linearGradient
id="a"
x1="32.528"
x2="31.965"
y1="64.576"
y2="2.07"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient
id="b"
x1="32.167"
x2="31.604"
y1="64.58"
y2="2.073"
href="#a"
/>
<linearGradient
id="c"
x1="31.085"
x2="30.522"
y1="64.589"
y2="2.083"
href="#a"
/>
<linearGradient
id="d"
x1="32.375"
x2="31.812"
y1="64.578"
y2="2.072"
href="#a"
/>
<linearGradient
id="e"
x1="39.428"
x2="38.865"
y1="64.514"
y2="2.008"
href="#a"
/>
<linearGradient
id="f"
x1="33.266"
x2="32.703"
y1="64.57"
y2="2.064"
href="#a"
/>
<linearGradient
id="g"
x1="33.23"
x2="32.667"
y1="64.57"
y2="2.064"
href="#a"
/>
<linearGradient
id="h"
x1="22.267"
x2="21.704"
y1="64.669"
y2="2.163"
href="#a"
/>
<linearGradient
id="i"
x1="22.231"
x2="21.668"
y1="64.669"
y2="2.163"
href="#a"
/>
<path fill="url(#a)" d="M31 7h2a1 1 0 0 0 0-2h-2a1 1 0 0 0 0 2z" />
<path fill="url(#b)" d="M33 45h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2z" />
<path
fill="url(#c)"
d="M50.6 28.11a3.46 3.46 0 0 0-1.26-.8l1.26-1.25A3.488 3.488 0 0 0 48 20.1V7a5 5 0 0 0-5-5H21a5 5 0 0 0-5 5v22.03A4.924 4.924 0 0 0 13 28h-1a2.006 2.006 0 0 0-2 2v14.46a10.94 10.94 0 0 0 5.17 9.33l1.42.88A3.011 3.011 0 0 1 18 57.22V61a1 1 0 0 0 2 0v-3.78a4.969 4.969 0 0 0-2.35-4.24l-1.42-.89A8.952 8.952 0 0 1 12 44.46V30h1a3.009 3.009 0 0 1 3 3v12a5 5 0 0 0 5 5h20.64a3.755 3.755 0 0 0 .47.6 3.468 3.468 0 0 0 3.89.71v.43a3.035 3.035 0 0 1-1.45 2.57l-1.13.67A5.045 5.045 0 0 0 41 59.26V61a1 1 0 0 0 2 0v-1.74a3.035 3.035 0 0 1 1.45-2.57l1.13-.67A5.045 5.045 0 0 0 48 51.74v-2.08l2.6-2.6a3.513 3.513 0 0 0 0-4.95 3.46 3.46 0 0 0-1.26-.8l1.26-1.25a3.513 3.513 0 0 0 0-4.95 3.46 3.46 0 0 0-1.26-.8l1.26-1.25a3.513 3.513 0 0 0 0-4.95zm-3.54-5.58a1.5 1.5 0 1 1 2.12 2.12l-3.75 3.67a1.487 1.487 0 0 1-1.91-.14 1.509 1.509 0 0 1 0-2.12zM18 7a3.009 3.009 0 0 1 3-3h22a3.009 3.009 0 0 1 3 3v1H18zm0 3h28v10.82a3.166 3.166 0 0 0-.35.29l-3.54 3.54a3.513 3.513 0 0 0 0 4.95 3.621 3.621 0 0 0 1.25.79l-1.25 1.26a3.513 3.513 0 0 0 0 4.95 3.621 3.621 0 0 0 1.25.79l-1.25 1.26a3.476 3.476 0 0 0-.9 3.35H18zm23.1 38H21a3.009 3.009 0 0 1-3-3v-1h24.61a3.564 3.564 0 0 0 .75.39l-1.25 1.26A3.464 3.464 0 0 0 41.1 48zm8.08-2.35-3.53 3.53a1.5 1.5 0 1 1-2.13-2.12l3.75-3.67a1.473 1.473 0 0 1 1.91.13 1.5 1.5 0 0 1 0 2.13zm0-7-3.75 3.67a1.487 1.487 0 0 1-1.91-.14 1.509 1.509 0 0 1 0-2.12l3.75-3.67a1.473 1.473 0 0 1 1.91.13 1.5 1.5 0 0 1 0 2.13zm0-7-3.75 3.67a1.487 1.487 0 0 1-1.91-.14 1.509 1.509 0 0 1 0-2.12l3.75-3.67a1.473 1.473 0 0 1 1.91.13 1.5 1.5 0 0 1 0 2.13z"
/>
<path
fill="url(#d)"
d="M39 12a5.017 5.017 0 0 0-4.9 4H21a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1v-7.1a5 5 0 0 0-1-9.9zm-4.9 6a5 5 0 0 0 .27.88L30 21.8 24.3 18zM38 28H22v-9.13l6.89 4.59a1.982 1.982 0 0 0 2.22 0l4.37-2.91A5.045 5.045 0 0 0 38 21.9zm1-8a3 3 0 1 1 3-3 3.009 3.009 0 0 1-3 3z"
/>
<path
fill="url(#e)"
d="M39 15a1 1 0 0 0-1 1v2a1 1 0 0 0 2 0v-2a1 1 0 0 0-1-1z"
/>
<path fill="url(#f)" d="M39 34H27a1 1 0 0 0 0 2h12a1 1 0 0 0 0-2z" />
<path fill="url(#g)" d="M39 38H27a1 1 0 0 0 0 2h12a1 1 0 0 0 0-2z" />
<path fill="url(#h)" d="M23 34h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2z" />
<path fill="url(#i)" d="M23 38h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2z" />
</svg>
More icons in the same style and category