Add icons to this collection by clicking the heart icon.
Notification icon - also known as interface, bell, ring, alarm, notification, alert, ui, and musical instrument. 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c0-17.397-14.103-31.5-31.5-31.5S-63-17.397-63 0s14.103 31.5 31.5 31.5S0 17.397 0 0"
transform="translate(287.627 41.5)"
fill="#ffdb8c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v33.734c0 17.673 14.327 32 32 32 17.673 0 32-14.327 32-32V-.063Z"
transform="translate(224 436.266)"
fill="#ffdb8c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-26.326 0-47.667 21.341-47.667 47.667V170.15c0 79.713-64.62 144.333-144.333 144.333s-144.333-64.62-144.333-144.333V47.667C-336.333 21.341-357.674 0-384 0v-49.334H.254V0"
transform="translate(448 122.334)"
fill="#ffce62"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v0"
transform="translate(400.332 292.484)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-18.746 57.958-73.156 99.874-137.356 99.874v0c-79.713 0-144.334-64.62-144.334-144.333v-122.483c0-26.326-21.341-47.667-47.666-47.667v0-49.334H54.898v49.334"
transform="translate(393.356 336.943)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0c-26.326 0-47.667 21.341-47.667 47.667v77.483"
transform="translate(448 122.334)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-17.397-14.103-31.5-31.5-31.5S-63-17.397-63 0s14.103 31.5 31.5 31.5S0 17.397 0 0Z"
transform="translate(287.627 41.5)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v33.734c0 17.673 14.327 32 32 32 17.673 0 32-14.327 32-32V-.063"
transform="translate(224 436.266)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-25 0-45.267-20.267-45.267-45.267"
transform="translate(138.513 456.01)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-50.799 0-92.078-41.181-92.078-91.98"
transform="translate(138.513 502)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c25 0 45.267-20.267 45.267-45.267"
transform="translate(373.487 456.01)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c50.799 0 92.078-41.181 92.078-91.98"
transform="translate(373.487 502)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category