Add icons to this collection by clicking the heart icon.
Notification icon - also known as message, chat, button, speech bubble, notification, ui, communications, notification bell, and user interface. 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="11.84"
x2="52.41"
y1="31.88"
y2="31.88"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#0170fe" />
<stop offset=".38" stop-color="#035ed4" />
<stop offset=".79" stop-color="#044dad" />
<stop offset="1" stop-color="#05479e" />
</linearGradient>
<linearGradient
id="b"
x1="38.46"
x2="52.85"
y1="18.35"
y2="18.35"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M50.91 27.05a1.5 1.5 0 0 0-1.5 1.5v19a1.61 1.61 0 0 1-1.61 1.61H16.45a1.61 1.61 0 0 1-1.61-1.61V16.2a1.61 1.61 0 0 1 1.61-1.61h19a1.5 1.5 0 0 0 0-3h-19a4.62 4.62 0 0 0-4.61 4.61v31.35a4.62 4.62 0 0 0 4.61 4.61H47.8a4.62 4.62 0 0 0 4.61-4.61v-19a1.5 1.5 0 0 0-1.5-1.5z"
/>
<path
fill="url(#b)"
d="M52.41 11.6a1.51 1.51 0 0 0-2.12 0l-1.1 1.1a7 7 0 1 0 2.12 2.12l1.1-1.1a1.49 1.49 0 0 0 0-2.12zm-3 7A4 4 0 1 1 47 14.91l-.5.5a1.5 1.5 0 1 0 2.12 2.13l.5-.51a4 4 0 0 1 .29 1.54z"
/>
</g>
</svg>
More icons in the same style and category