Bell Icon

Free SVG icon from the VS Code Codicons collection. Download or copy for use in any project.

Collection

VS Code Codicons

Format

SVG, Font (WOFF2), npm, PNG

License

CC BY 4.0 - Free for commercial use

Tags

bell notification alert alarm reminder

The Bell icon is commonly used in notification panels, alert systems and dashboard headers. Available as a free SVG - copy the code or download directly.

<img src="https://proicons.com/icon/307007.svg" alt="Bell icon" width="24" height="24">

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

<img
  src="https://proicons.com/icon/307007.svg"
  alt="Bell icon"
  :width="24"
  :height="24"
/>

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

<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M13.964 12.315L13 9.90201V6.00101C13 3.24401 10.757 1.00101 8 1.00101C5.243 1.00101 3 3.24301 3 6.00001V9.90101L2.036 12.314C1.974 12.468 1.993 12.642 2.086 12.78C2.179 12.917 2.334 13 2.5 13H5.99999C5.99999 14.108 6.892 15 8 15C9.108 15 10 14.108 10 13H13.5C13.666 13 13.821 12.918 13.914 12.78C14.007 12.643 14.026 12.469 13.964 12.315ZM8 14C7.444 14 7 13.556 7 13H9C9 13.556 8.55599 14 8 14ZM3.238 12L3.964 10.183C3.988 10.124 4 10.061 4 9.99701V5.99901C4 3.79301 5.794 1.99901 8 1.99901C10.206 1.99901 12 3.79301 12 5.99901V9.99701C12 10.061 12.012 10.124 12.036 10.183L12.762 12H3.238Z"/></svg>