Bell Icon
Free SVG icon from the IcoFont collection. Download or copy for use in any project.
The Bell icon is commonly used in notification panels, alert systems and dashboard headers. Available as a free SVG - copy the code or download directly.
img tag
<img src="https://proicons.com/icon/305006.svg" alt="Bell icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/305006.svg" alt="Bell icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/305006.svg" alt="Bell icon" :width="24" :height="24" />
CSS background
.icon-bell {
background-image: url('https://proicons.com/icon/305006.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="64" height="64" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M901 520c-6-23-26-40-50-42-24-1-47 12-57 34-9 22-4 48 14 64 3 4 6 7 4 12-13 43-30 84-57 120-31 42-69 74-121 88-10 3-21 4-33 6 1-8 1-13 2-20-107 56-213 56-319 0-2 6-5 12-5 17 0 24-1 48 2 71 4 34 29 69 77 68 60-2 120-1 180-1 31 0 50-13 57-43 4-14 5-29 8-44 4-1 8-1 13-1 4-1 9-1 13-2 61-11 109-44 149-90 40-47 65-101 81-159 2-5 4-8 9-11 27-11 40-40 33-67zm-145-52c0-175-143-310-309-309-170 0-309 137-310 306-1 170 135 311 307 312 174 1 312-138 312-309zm-417 2c0-62 47-110 107-110s108 48 108 107c1 60-47 109-107 109-59 0-108-48-108-106zm157-3c0-27-22-49-50-48-27 0-50 22-49 49 0 27 22 49 49 49 28 1 50-22 50-50zm162-279c3 2 7 4 11 4s8-2 11-5l96-98c6-6 5-16-1-22s-15-6-21 0l-96 99c-6 6-6 16 0 22zm-28-10h2c8 0 15-6 16-13l11-85c1-8-5-16-13-17-9-1-16 4-17 13l-12 84c-1 9 5 16 13 18zm63 14c-8 2-13 11-12 19 2 7 8 12 15 12 2 0 3-1 4-1l85-20c8-2 13-11 11-19s-10-13-19-11l-84 20zm-480-5c3 3 7 5 11 5s8-2 11-5c6-5 6-15 0-21l-96-99c-5-6-15-6-21 0s-7 15-1 22l96 98zm48-9h2c8-2 14-9 13-18l-12-84c-1-9-8-15-17-13-8 1-14 9-13 17l11 84c1 8 8 14 16 14zm-64 45c6 0 13-5 15-12 1-8-4-17-12-19l-84-20c-9-2-17 3-19 11s3 17 11 19l85 20c1 0 2 1 4 1z"/></svg>
More from IcoFont
View all
Bell in other icon packs
Copied!