The Standard Icon Set

Status

Bell Ring icon

A bell with two short curved lines at its upper left and upper right, as if ringing. Use for active alerts, ringing, or new notifications.

SVG
PNG
Size
Weight

Sizes

  • 16
  • 18
  • 20
  • 22
  • 24
  • 28
  • 32
  • 40
  • 48

Use it

Format
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M8 3.514C5.8 3.514 4.5 5.114 4.5 7.214V8.792C4.5 8.928 4.463 9.062 4.393 9.178L3.682 10.364C3.382 10.864 3.742 11.5 4.325 11.5H11.675C12.258 11.5 12.618 10.864 12.318 10.364L11.607 9.178C11.537 9.062 11.5 8.928 11.5 8.792V7.214C11.5 5.114 10.2 3.514 8 3.514Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/><path d="M9.495 11.781C9.495 12.64 8.798 13.337 7.938 13.337C7.079 13.337 6.382 12.64 6.382 11.781" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/><path d="M2 5C2.25 4 2.75 3.25 3.5 2.5M14 5C13.75 4 13.25 3.25 12.5 2.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/></svg>

Paste it into HTML. It draws in currentColor, so it takes the colour of the text around it.

Related15