Add icons to this collection by clicking the heart icon.
Bell icon - also known as bell, ring, remind, clock, alarm, notification, alert, ring bell, and time and date. Created in a clean flat style with a white, gray, red, yellow, teal, 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"
>
<circle cx="22" cy="48" r="8" fill="#ffbe37" />
<path
fill="#faaf28"
d="M14 48a7.992 7.992 0 0 0 .262 2h15.476a7.928 7.928 0 0 0-2.459-8H16.721A7.972 7.972 0 0 0 14 48z"
/>
<path fill="#ffff96" d="M22 2a3 3 0 0 1 3 3v5h-6V5a3 3 0 0 1 3-3z" />
<path
fill="#fff450"
d="M25 10V5a2.983 2.983 0 0 0-.14-.86A2.96 2.96 0 0 0 21 7v3z"
/>
<path
fill="#ffd246"
d="M22 9a14 14 0 0 1 14 14v7.789A23.817 23.817 0 0 0 40 44H4a23.817 23.817 0 0 0 4-13.211V23A14 14 0 0 1 22 9z"
/>
<path
fill="#ffbe37"
d="M36 23a13.958 13.958 0 0 0-4.807-10.542A13.977 13.977 0 0 0 11 25v5.789A23.817 23.817 0 0 1 7 44h33a23.817 23.817 0 0 1-4-13.211z"
/>
<rect width="40" height="4" x="2" y="44" fill="#ffff96" rx="2" />
<path fill="#fff450" d="M42 46H7a2 2 0 0 0-2 2h35a2 2 0 0 0 2-2z" />
<circle cx="22" cy="28" r="9" fill="#e6f0ff" />
<path
fill="#f5faff"
d="M31 28a9 9 0 0 0-.342-2.433 8 8 0 1 0-11.091 11.091A8.978 8.978 0 0 0 31 28z"
/>
<path
fill="#ff5050"
d="M22 38a10 10 0 1 1 10-10 10.011 10.011 0 0 1-10 10zm0-18a8 8 0 1 0 8 8 8.009 8.009 0 0 0-8-8z"
/>
<path
fill="#3f4d56"
d="M19.525 31.536 17.4 29.414a1 1 0 0 1 0-1.414 1 1 0 0 1 1.414 0l1.414 1.415 4.95-4.951a1 1 0 0 1 1.414 0 1 1 0 0 1 0 1.414l-5.657 5.658a1 1 0 0 1-1.41 0z"
/>
<circle cx="48" cy="48" r="10" fill="#e6f0ff" />
<path
fill="#f5faff"
d="M50 40a9.986 9.986 0 0 0-7.992 15.992 9.986 9.986 0 0 0 13.984-13.984A9.941 9.941 0 0 0 50 40z"
/>
<g fill="#3f4d56">
<path
d="M48 41a1 1 0 0 1-1-1v-3h2v3a1 1 0 0 1-1 1zM49 59h-2v-3a1 1 0 0 1 1-1 1 1 0 0 1 1 1zM41.636 43.05l-2.121-2.122 1.414-1.413 2.121 2.121a1 1 0 0 1 0 1.414 1 1 0 0 1-1.414 0zM55.071 56.485l-2.121-2.121a1 1 0 0 1 0-1.414 1 1 0 0 1 1.414 0l2.121 2.122zM40 49h-3v-2h3a1 1 0 0 1 1 1 1 1 0 0 1-1 1zM59 49h-3a1 1 0 0 1-1-1 1 1 0 0 1 1-1h3zM40.929 56.485l-1.414-1.413 2.121-2.122a1 1 0 0 1 1.414 0 1 1 0 0 1 0 1.414zM52.95 43.05a1 1 0 0 1 0-1.414l2.121-2.121 1.414 1.413-2.121 2.122a1 1 0 0 1-1.414 0zM51 49h-3a1 1 0 0 1-1-1v-4a1 1 0 0 1 2 0v3h2a1 1 0 0 1 0 2z"
/>
</g>
<path
fill="#5a6978"
d="M48 34a14 14 0 1 0 14 14 14 14 0 0 0-14-14zm0 24a10 10 0 1 1 10-10 10 10 0 0 1-10 10z"
/>
<path
fill="#4a5660"
d="M50 36a14 14 0 0 0-10.847 22.847 14 14 0 0 0 19.694-19.694A13.941 13.941 0 0 0 50 36zm-2 22a10 10 0 1 1 10-10 10 10 0 0 1-10 10z"
/>
</svg>
More icons in the same style and category