Add icons to this collection by clicking the heart icon.
Notification icon - also known as interface, message, smartphone, mobile phone, envelope, email, letter, notification, and communications. Created in a clean flat style with a white, silver, gray, red, orange, and pink finish, 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"
>
<path fill="#ffcd00" d="M17 9h30v34H17z" />
<path fill="#ddb200" d="M17 43h30V13a30 30 0 0 1-30 30z" />
<path
fill="#ffbcab"
d="M19 61v-3.783a4 4 0 0 0-1.88-3.392l-1.42-.887a10 10 0 0 1-4.7-8.48V30a1 1 0 0 1 1-1h1a4 4 0 0 1 4 4v12a4 4 0 0 0 4 4h26v2.74a4.024 4.024 0 0 1-1.94 3.43l-1.12.66A4.024 4.024 0 0 0 42 59.26V61z"
/>
<path
fill="#ff9478"
d="M21 49a4 4 0 0 1-4-4V33a4 4 0 0 0-4-4h-1a1 1 0 0 0-1 1h1a4 4 0 0 1 4 4v12a4 4 0 0 0 4 4h26v-1z"
/>
<path
fill="#58595b"
d="M43 3H21a4 4 0 0 0-4 4v2h30V7a4 4 0 0 0-4-4zM43 49H21a4 4 0 0 1-4-4v-2h30v2a4 4 0 0 1-4 4z"
/>
<path
fill="#ff9478"
d="m46.742 28.5 3.147-3.147a2.5 2.5 0 0 0-3.535-3.536l-3.536 3.536a2.5 2.5 0 0 0 3.148 3.852l.388-.388a2.468 2.468 0 0 1 .388-.317z"
/>
<path
fill="#ffa087"
d="M49.889 28.818a2.5 2.5 0 0 0-3.147-.317 2.468 2.468 0 0 0-.388.317l-.388.388-3.148 3.148a2.5 2.5 0 0 0 3.148 3.852l.388-.388a2.468 2.468 0 0 1 .388-.317l3.147-3.147a2.5 2.5 0 0 0 0-3.536z"
/>
<path
fill="#ffbcab"
d="M49.889 35.818a2.5 2.5 0 0 0-3.147-.317 2.468 2.468 0 0 0-.388.317l-.388.388-3.148 3.148a2.5 2.5 0 0 0 0 3.535c.042.042.091.072.136.111a2.494 2.494 0 0 0 3.012.206l.388-.388a2.468 2.468 0 0 1 .388-.317l3.147-3.147a2.5 2.5 0 0 0 0-3.536z"
/>
<path
fill="#ffa087"
d="M49.889 42.818a2.5 2.5 0 0 0-3.147-.317 2.468 2.468 0 0 0-.388.317l-.388.388-3.148 3.148a2.5 2.5 0 0 0 3.536 3.535l.646-.646 2.889-2.889a2.5 2.5 0 0 0 0-3.536z"
/>
<path fill="#57a4ff" d="M21 17h18v12H21z" />
<path fill="#2488ff" d="m30 23 9-6H21z" />
<circle cx="39" cy="17" r="4" fill="#ed1c24" />
<path
fill="#f1f2f2"
d="M31 7h2a1 1 0 0 0 0-2h-2a1 1 0 0 0 0 2zM33 45h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2zM39 15a1 1 0 0 0-1 1v2a1 1 0 0 0 2 0v-2a1 1 0 0 0-1-1z"
/>
<g fill="#ff6243">
<path
d="M39 34H27a1 1 0 0 0 0 2h12a1 1 0 0 0 0-2zM39 38H27a1 1 0 0 0 0 2h12a1 1 0 0 0 0-2zM23 34h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2zM23 38h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2z"
/>
</g>
</svg>
More icons in the same style and category