Notification Svg Icon

Free SVG icon from the IconaMoon collection. Download or copy for use in any project.

Collection

IconaMoon

Format

SVG, PNG

License

CC BY 4.0 - Free for commercial use

Style

Duotone

Tags

notification svg bell alert badge message ping

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 src="https://proicons.com/icon/308575.svg" alt="Notification   Svg icon" width="24" height="24">

<img src="https://proicons.com/icon/308575.svg" alt="Notification   Svg icon" width={24} height={24} />

<img
  src="https://proicons.com/icon/308575.svg"
  alt="Notification   Svg icon"
  :width="24"
  :height="24"
/>

.icon-notification---svg {
  background-image: url('https://proicons.com/icon/308575.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

<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 10V19H18V10C18 6.68629 15.3137 4 12 4C8.68629 4 6 6.68629 6 10Z" fill="#292929"/>
<path d="M6 19V10C6 6.68629 8.68629 4 12 4V4C15.3137 4 18 6.68629 18 10V19M6 19H18M6 19H4M18 19H20" stroke="#292929" 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>