Add icons to this collection by clicking the heart icon.
Notification icon - also known as bell, smartphone, alarm, notification, ui, electronics, communications, and time and date. Created in a clean outline 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 512 512"
>
<g>
<rect width="288" height="480" x="112" y="16" fill="#515660" rx="40" />
<rect width="260" height="480" x="140" y="16" fill="#747986" rx="40" />
<path
fill="#64a5f8"
d="M112 80v344a40 40 0 0 0 40 40h208a40 40 0 0 0 40-40V80z"
/>
<path
fill="#94c1fa"
d="M140 456a40.187 40.187 0 0 0 .5 6.314A39.981 39.981 0 0 0 152 464h208a40 40 0 0 0 40-40V80H140z"
/>
<path
fill="#8b909f"
d="M256 56h-48a8 8 0 0 1 0-16h48a8 8 0 0 1 0 16zM304 56h-.008l-16.008-.012a8 8 0 0 1 0-16l16.024.012A8 8 0 0 1 304 56z"
/>
<path
fill="#eff2fe"
d="M296 440h-80a8 8 0 0 1 0-16h80a8 8 0 0 1 0 16z"
/>
<rect width="192" height="32" x="160" y="304" fill="#f8cd82" rx="16" />
<path
fill="#fbdea9"
d="M352 320a16 16 0 0 0-16-16H192a16 16 0 0 0 0 32h144a16 16 0 0 0 16-16z"
/>
<g fill="#f5b953">
<path
d="M224 336a32 32 0 0 0 64 0zM312 232v-16a56 56 0 0 0-112 0v16a120 120 0 0 1-24 72h160a120 120 0 0 1-24-72z"
/>
<path
d="M256 160a55.941 55.941 0 0 1 16 2.35V152a16 16 0 0 0-32 0v10.35a55.941 55.941 0 0 1 16-2.35z"
/>
</g>
<path
fill="#f8cd82"
d="M312 216a55.963 55.963 0 0 0-48-55.364A55.963 55.963 0 0 0 216 216v16a120 120 0 0 1-24 72h144a120 120 0 0 1-24-72z"
/>
<path
d="M360 8H152a48.052 48.052 0 0 0-48 48v400a48.052 48.052 0 0 0 48 48h16a8 8 0 0 0 0-16h-16a31.934 31.934 0 0 1-31.59-27.951A47.748 47.748 0 0 0 152 472h208a47.748 47.748 0 0 0 31.59-11.951A31.934 31.934 0 0 1 360 488H200a8 8 0 0 0 0 16h160a48.052 48.052 0 0 0 48-48V144a8 8 0 0 0-16 0v280a32.034 32.034 0 0 1-32 32H152a32.034 32.034 0 0 1-32-32V88h272v24a8 8 0 0 0 16 0V56a48.052 48.052 0 0 0-48-48zM120 72V56a32.034 32.034 0 0 1 32-32h208a32.034 32.034 0 0 1 32 32v16z"
/>
<path
d="M256 40h-48a8 8 0 0 0 0 16h48a8 8 0 0 0 0-16zM304.008 40l-16.016-.012h-.008a8 8 0 0 0-.007 16l16.015.012H304a8 8 0 0 0 .008-16zM216 424a8 8 0 0 0 0 16h80a8 8 0 0 0 0-16zM360 320a24.017 24.017 0 0 0-19.488-23.544A112.672 112.672 0 0 1 320 232v-16a64.07 64.07 0 0 0-40-59.288V152a24 24 0 0 0-48 0v4.712A64.07 64.07 0 0 0 192 216v16a112.672 112.672 0 0 1-20.512 64.456A23.985 23.985 0 0 0 176 344h40.809a40 40 0 0 0 78.382 0H336a24.027 24.027 0 0 0 24-24zM248 152a8 8 0 0 1 16 0v.556a57.832 57.832 0 0 0-16 0zm-80 168a8.008 8.008 0 0 1 8-8h32a8 8 0 0 0 0-16h-17.289A128.821 128.821 0 0 0 208 232v-16a48 48 0 0 1 96 0v16a128.821 128.821 0 0 0 17.289 64H240a8 8 0 0 0 0 16h96a8 8 0 0 1 0 16H176a8.008 8.008 0 0 1-8-8zm88 40a23.959 23.959 0 0 1-22.525-16h45.051A23.96 23.96 0 0 1 256 360z"
/>
</g>
</svg>
More icons in the same style and category