Notification Svg Icon
Free SVG icon from the IconaMoon collection. Download or copy for use in any project.
The Notification 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/307967.svg" alt="Notification Svg icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/307967.svg" alt="Notification Svg icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/307967.svg" alt="Notification Svg icon" :width="24" :height="24" />
CSS background
.icon-notification---svg {
background-image: url('https://proicons.com/icon/307967.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 d="M6 19V10C6 6.68629 8.68629 4 12 4V4C15.3137 4 18 6.68629 18 10V19" stroke="#292929" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M4 19H20" stroke="#4400FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <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"/> </svg>
Copied!