Bell Slash Icon
Free SVG icon from the VS Code Codicons collection. Download or copy for use in any project.
The Bell Slash 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/307006.svg" alt="Bell Slash icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/307006.svg" alt="Bell Slash icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/307006.svg" alt="Bell Slash icon" :width="24" :height="24" />
CSS background
.icon-bell-slash {
background-image: url('https://proicons.com/icon/307006.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="M5.23901 3.118L4.53201 2.411C5.43201 1.541 6.65201 1 7.99901 1C10.756 1 12.999 3.243 12.999 6V9.901L13.65 11.529L11.999 9.878V5.999C11.999 3.793 10.205 1.999 7.99901 1.999C6.92701 1.999 5.95701 2.428 5.23801 3.117L5.23901 3.118ZM14.854 14.854C14.756 14.952 14.628 15 14.5 15C14.372 15 14.244 14.951 14.146 14.854L12.292 13H9.99901C9.99901 14.108 9.10701 15 7.99901 15C6.89101 15 5.99901 14.108 5.99901 13H2.49901C2.33301 13 2.17801 12.918 2.08501 12.78C1.99201 12.643 1.97301 12.468 2.03501 12.314L2.99901 9.901V6C2.99901 5.325 3.14601 4.688 3.39501 4.103L1.14601 1.854C0.951006 1.659 0.951006 1.342 1.14601 1.147C1.34101 0.952 1.65801 0.952 1.85301 1.147L14.853 14.147C15.048 14.342 15.048 14.659 14.853 14.854H14.854ZM9.00001 13H7.00001C7.00001 13.556 7.44401 14 8.00001 14C8.55601 14 9.00001 13.556 9.00001 13ZM11.293 12L4.16301 4.87C4.05701 5.228 4.00001 5.607 4.00001 6V9.998C4.00001 10.062 3.98801 10.125 3.96401 10.184L3.23801 12.001H11.293V12Z"/></svg>
Bell Slash in other icon packs
Copied!