Notification Off Svg Icon
Free SVG icon from the IconaMoon collection. Download or copy for use in any project.
The Notification Off Svg icon is commonly used in alert panels, push notification UIs and dashboard headers. Available as a free SVG - copy the code or download directly.
img tag
<img src="https://proicons.com/icon/308576.svg" alt="Notification Off Svg icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/308576.svg" alt="Notification Off Svg icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/308576.svg" alt="Notification Off Svg icon" :width="24" :height="24" />
CSS background
.icon-notification-off---svg {
background-image: url('https://proicons.com/icon/308576.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path opacity="0.16" d="M6 9.99995V18.9999H18V17.9998L6.87634 6.8761C6.32038 7.78602 6 8.85557 6 9.99995Z" fill="#292929"/> <path d="M11 22L13 22" stroke="#292929" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <circle cx="12" cy="3" r="1" stroke="#292929" stroke-width="2"/> <path d="M9.99884 4.34182C10.6247 4.12046 11.2983 4 12 4C15.3137 4 18 6.68629 18 10V12.343" stroke="#292929" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M6 19V10C6 8.85563 6.32038 7.78608 6.87634 6.87616M6 19H18M6 19H4M18 19V17.9998M18 19H19" stroke="#292929" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M4.00012 4L20.0001 20" stroke="#292929" stroke-width="2" stroke-linecap="round"/> </svg>
Copied!