Add icons to this collection by clicking the heart icon.
Notifications icon - also known as bell, alarm, notification, ui, social media, and notifications. Created in a clean flat style with a white, silver, gray, 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 512 512"
>
<ellipse cx="311.877" cy="452.222" fill="#efd176" rx="54.288" ry="59.778" />
<circle cx="256" cy="51.335" r="51.335" fill="#8eafe2" />
<path
fill="#6a96d7"
d="M256 102.669c15.401 0 29.208-6.792 38.617-17.533-42.093-.335-68.888-53.963-52.967-83.089-21.365 6.21-36.985 25.918-36.985 49.287 0 28.352 22.984 51.335 51.335 51.335z"
/>
<path
fill="#f7ef87"
d="M472.539 406.472H39.462l40.229-62.562a153.231 153.231 0 0 0 24.347-82.879V188.94c0-71.986 58.356-130.343 130.343-130.343h43.238c71.986 0 130.343 58.356 130.343 130.343v72.091c0 29.389 8.452 58.159 24.347 82.879z"
/>
<path
fill="#efd176"
d="M228.458 406.472c-49.954-78.001-46.017-256.478-23.545-344.529-57.793 13.356-100.875 65.146-100.875 126.997v72.091c0 29.389-8.452 58.159-24.347 82.879l-40.229 62.562z"
/>
<path
fill="#a3defe"
d="M256 305.168c64.079 0 110.232-3.125 155.989-9.339a153.208 153.208 0 0 1-4.028-34.798V188.94c0-10.048-1.139-19.829-3.291-29.224-43.407 5.571-88.004 8.371-148.67 8.371s-105.263-2.801-148.67-8.371a130.757 130.757 0 0 0-3.291 29.224v72.091c0 11.774-1.379 23.443-4.028 34.798 45.757 6.214 91.91 9.339 155.989 9.339z"
/>
<path
fill="#7acefa"
d="M190.262 166.757c-30.237-1.339-56.803-3.687-82.932-7.04a130.757 130.757 0 0 0-3.291 29.224v72.091c0 11.774-1.379 23.443-4.028 34.798 29.997 4.073 60.164 6.819 95.439 8.228-6.542-43.841-7.741-92.462-5.188-137.301z"
/>
<path
fill="#e8899e"
d="M256 461.028c-49.58 0-144.692-2.733-224.646-21.036-21.723-4.973-35.301-26.613-30.328-48.334 4.973-21.722 26.603-35.305 48.335-30.327C124.275 378.48 218.826 380.332 256 380.332s131.725-1.852 206.639-19.001c21.732-4.971 43.362 8.606 48.335 30.327 4.973 21.722-8.605 43.361-30.328 48.334C400.692 458.295 305.58 461.028 256 461.028z"
/>
<path
fill="#de5c6e"
d="M272.806 380.214c-6.422.087-12.08.118-16.806.118-37.174 0-131.724-1.852-206.638-19.001-21.733-4.978-43.363 8.605-48.335 30.327-4.973 21.722 8.605 43.361 30.328 48.334C111.308 458.295 206.42 461.028 256 461.028c7.828 0 16.795-.069 26.653-.256-14.683-18.346-21.972-51.835-9.847-80.558z"
/>
<path
fill="#efd176"
d="M65.642 134.957a7.5 7.5 0 0 1-7.445-8.48c3.444-26.141 15.13-49.823 33.793-68.487 18.665-18.664 42.348-30.35 68.488-33.794 4.095-.54 7.874 2.349 8.415 6.456s-2.35 7.874-6.456 8.415c-22.838 3.009-43.53 13.221-59.841 29.529-16.308 16.309-26.519 37.001-29.528 59.84a7.502 7.502 0 0 1-7.426 6.521zM446.358 134.957a7.501 7.501 0 0 1-7.426-6.521c-3.01-22.839-13.221-43.531-29.529-59.84-16.309-16.309-37.002-26.52-59.84-29.529a7.5 7.5 0 0 1-6.456-8.415c.541-4.107 4.325-6.997 8.415-6.456 26.141 3.444 49.823 15.13 68.487 33.794s30.35 42.347 33.794 68.487a7.5 7.5 0 0 1-7.445 8.48z"
/>
<ellipse cx="172.435" cy="256.588" fill="#fff" rx="30.834" ry="24.555" />
<ellipse cx="339.565" cy="256.588" fill="#fff" rx="30.834" ry="24.555" />
<g fill="#4e5660">
<path
d="M190.404 240.148a7.5 7.5 0 0 1-7.5-7.5v-12c0-4.142 3.357-7.5 7.5-7.5s7.5 3.358 7.5 7.5v12a7.5 7.5 0 0 1-7.5 7.5zM256 247.954c-8.796 0-17.16-3.81-22.948-10.451a7.5 7.5 0 1 1 11.309-9.855c2.938 3.372 7.182 5.307 11.64 5.307s8.701-1.934 11.64-5.307a7.501 7.501 0 0 1 11.309 9.855A30.442 30.442 0 0 1 256 247.954zM337.818 239.814a7.5 7.5 0 0 1-7.5-7.5c0-3.532-2.874-6.406-6.406-6.406s-6.406 2.874-6.406 6.406c0 4.142-3.357 7.5-7.5 7.5s-7.5-3.358-7.5-7.5c0-11.803 9.603-21.406 21.406-21.406 11.804 0 21.406 9.603 21.406 21.406a7.5 7.5 0 0 1-7.5 7.5z"
/>
</g>
</svg>
More icons in the same style and category