Add icons to this collection by clicking the heart icon.
Notification icon - also known as communication, message, conversation, talk, speech bubble, notification, alert, ui, and chat box. Created in a clean lineal color 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 60 57"
>
<g fill="none" fill-rule="evenodd">
<path
fill="#02a9f4"
d="M55 21.95V38a8 8 0 0 1-8 8H27.37a.969.969 0 0 0-.65.24l-11.07 9.52A1 1 0 0 1 14 55v-8a1 1 0 0 0-1-1H9a8 8 0 0 1-8-8V14a8 8 0 0 1 8-8h28.25A12 12 0 0 0 55 21.95z"
/>
<g fill="#0377bc">
<path
d="M23.72 46.24 14 54.6v.4a1 1 0 0 0 1.65.76l11.07-9.52a.97.97 0 0 1 .65-.24h-3a.969.969 0 0 0-.65.24zM44 25a11.981 11.981 0 0 0 1.5-.1A12 12 0 0 1 37.25 6h-3A12 12 0 0 0 44 25zM52 23.9V38a8 8 0 0 1-8 8h3a8 8 0 0 0 8-8V21.95a11.95 11.95 0 0 1-3 1.95z"
/>
</g>
<path
fill="#ef314c"
d="M59 13c0 6.627-5.373 12-12 12s-12-5.373-12-12S40.373 1 47 1a11.959 11.959 0 0 1 12 12z"
/>
<path
fill="#bb193b"
d="M47 1c-.511 0-1.022.034-1.529.1a11.988 11.988 0 0 1 .029 23.8A12 12 0 1 0 47 1z"
/>
<g fill="#000">
<path
d="M46 42a1 1 0 0 0 1 1 5.006 5.006 0 0 0 5-5 1 1 0 0 0-2 0 3 3 0 0 1-3 3 1 1 0 0 0-1 1zM9 9a5.006 5.006 0 0 0-5 5 1 1 0 0 0 2 0 3 3 0 0 1 3-3 1 1 0 0 0 0-2z"
/>
<path
fill-rule="nonzero"
d="M47 0a12.974 12.974 0 0 0-10.226 5H9a9.01 9.01 0 0 0-9 9v24a9.01 9.01 0 0 0 9 9h4v8a1.977 1.977 0 0 0 1.158 1.811c.71.334 1.55.22 2.145-.293L27.37 47H47a9.01 9.01 0 0 0 9-9V22.36A12.985 12.985 0 0 0 47 0zm7 38a7.008 7.008 0 0 1-7 7H27.37a1.974 1.974 0 0 0-1.3.481L15 55v-8a2 2 0 0 0-2-2H9a7.008 7.008 0 0 1-7-7V14a7.008 7.008 0 0 1 7-7h26.479A12.98 12.98 0 0 0 54 23.938zm-7-14c-6.075 0-11-4.925-11-11S40.925 2 47 2s11 4.925 11 11c-.007 6.072-4.928 10.993-11 11z"
/>
<path
d="M47.383 5.077a1 1 0 0 0-1.09.217l-3 3a1 1 0 1 0 1.414 1.414L46 8.415V20a1 1 0 0 0 2 0V6a1 1 0 0 0-.617-.923z"
/>
</g>
</g>
</svg>
More icons in the same style and category