Bell Dot Icon
Free SVG icon from the VS Code Codicons collection. Download or copy for use in any project.
The Bell Dot 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/307004.svg" alt="Bell Dot icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/307004.svg" alt="Bell Dot icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/307004.svg" alt="Bell Dot icon" :width="24" :height="24" />
CSS background
.icon-bell-dot {
background-image: url('https://proicons.com/icon/307004.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M13 9.90099V7.87299C12.68 7.95599 12.345 7.99899 12 7.99899V9.99699C12 10.061 12.012 10.124 12.036 10.183L12.762 12H3.238L3.964 10.183C3.988 10.124 4 10.061 4 9.99699V5.99899C4 3.79299 5.794 1.99899 8 1.99899C8.175 1.99899 8.34799 2.00999 8.51799 2.03199C8.70299 1.70499 8.934 1.40599 9.2 1.14499C8.81499 1.04999 8.413 0.998993 8 0.998993C5.243 0.998993 3 3.24199 3 5.99899V9.89999L2.036 12.313C1.974 12.467 1.993 12.641 2.086 12.779C2.179 12.916 2.334 12.999 2.5 12.999H5.99999C5.99999 14.107 6.892 14.999 8 14.999C9.108 14.999 10 14.107 10 12.999H13.5C13.666 12.999 13.821 12.917 13.914 12.779C14.007 12.642 14.026 12.467 13.964 12.313L13 9.89999V9.90099ZM8 14C7.444 14 7 13.556 7 13H9C9 13.556 8.55599 14 8 14ZM15 3.99999C15 5.65699 13.657 6.99999 12 6.99999C10.343 6.99999 9 5.65699 9 3.99999C9 2.34299 10.343 0.999993 12 0.999993C13.657 0.999993 15 2.34299 15 3.99999Z"/></svg>
Bell Dot in other icon packs
Copied!