Add icons to this collection by clicking the heart icon.
Notification icon - also known as message, clock, envelope, email, watch, notification, communications, and smartwatch. 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="30.57"
x2="31.696"
y1="65.319"
y2="1.687"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient
id="b"
x1="19.184"
x2="20.31"
y1="65.118"
y2="1.485"
href="#a"
/>
<linearGradient
id="c"
x1="43.999"
x2="45.126"
y1="65.557"
y2="1.924"
href="#a"
/>
<linearGradient
id="d"
x1="53.005"
x2="54.131"
y1="65.716"
y2="2.084"
href="#a"
/>
<linearGradient
id="e"
x1="14.663"
x2="15.789"
y1="65.038"
y2="1.405"
href="#a"
/>
<linearGradient
id="f"
x1="17.662"
x2="18.788"
y1="65.091"
y2="1.458"
href="#a"
/>
<linearGradient
id="g"
x1="11.664"
x2="12.79"
y1="64.985"
y2="1.352"
href="#a"
/>
<path
fill="url(#a)"
d="M60 46a4 4 0 0 0-2.69-3.76A3.932 3.932 0 0 0 58 40a3.984 3.984 0 0 0-2.72-3.77 3.778 3.778 0 0 0 .71-1.93A4 4 0 0 0 52 30h-7.8a36.864 36.864 0 0 0-14.24 2.85l-3.12 1.31a11.019 11.019 0 0 1-4.24.84h-2.57a3.006 3.006 0 0 0-2.82-2h-4.42a2.993 2.993 0 0 0-2.82 2H3a1 1 0 0 0 0 2h6.66l-.22 1.94a8.965 8.965 0 0 0 0 14.12L9.66 55H3a1 1 0 0 0 0 2h6.97a3.006 3.006 0 0 0 2.82 2h4.42a2.993 2.993 0 0 0 2.82-2h2.57a10.933 10.933 0 0 1 4.23.84l3.13 1.31A36.864 36.864 0 0 0 44.2 62H49a5 5 0 0 0 5-5v-1a4 4 0 0 0 4-4 3.932 3.932 0 0 0-.69-2.24A4 4 0 0 0 60 46zM11.8 35.89a.989.989 0 0 1 .99-.89h4.42a.989.989 0 0 1 .99.89l.21 1.82a9.237 9.237 0 0 0-6.82 0zm6.4 20.22a.989.989 0 0 1-.99.89h-4.42a.989.989 0 0 1-.99-.89l-.2-1.78a8.962 8.962 0 0 0 6.8 0zM15 53a7 7 0 0 1-4.03-12.72 6.984 6.984 0 0 1 8.06 0A7 7 0 0 1 15 53zm41-5h-7a1 1 0 0 0 0 2h5a2 2 0 0 1 0 4H42a1 1 0 0 0 0 2h10v1a3.009 3.009 0 0 1-3 3h-4.8a34.886 34.886 0 0 1-13.46-2.69L27.6 56a12.791 12.791 0 0 0-5-1h-2.26l.22-1.94a8.965 8.965 0 0 0 0-14.12L20.34 37h2.26a12.876 12.876 0 0 0 5.01-1l3.12-1.31A34.972 34.972 0 0 1 44.2 32H52a1.983 1.983 0 0 1 1.41.59 1.941 1.941 0 0 1 .58 1.56A2.121 2.121 0 0 1 51.83 36H49a1 1 0 0 0 0 2h5a2 2 0 0 1 0 4h-5a1 1 0 0 0 0 2h7a2 2 0 0 1 0 4z"
/>
<path
fill="url(#b)"
d="M15 31a1 1 0 0 0 1-1V20a1 1 0 0 1 1-1h8a1 1 0 0 0 0-2h-8a3 3 0 0 0-3 3v10a1 1 0 0 0 1 1z"
/>
<path
fill="url(#c)"
d="M55 2a7 7 0 0 0-6.92 6H29a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h26a1 1 0 0 0 1-1v-9.08A7 7 0 0 0 55 2zm-6.92 8a7.2 7.2 0 0 0 .82 2.43l-6.29 4.84a1.02 1.02 0 0 1-1.22 0L31.94 10zM54 24H30V11.03l10.17 7.82a2.954 2.954 0 0 0 1.83.62 3.038 3.038 0 0 0 1.83-.62l6.29-4.84A7.006 7.006 0 0 0 54 15.92zm1-10a5 5 0 1 1 5-5 5 5 0 0 1-5 5z"
/>
<path
fill="url(#d)"
d="M53.447 7.9 54 7.618V12a1 1 0 0 0 2 0V6a1 1 0 0 0-1.447-.895l-2 1a1 1 0 0 0 .894 1.79z"
/>
<circle cx="15" cy="46" r="1" fill="url(#e)" />
<circle cx="18" cy="46" r="1" fill="url(#f)" />
<circle cx="12" cy="46" r="1" fill="url(#g)" />
</svg>
More icons in the same style and category