The Standard Icon Set

Status

Bell icon

A bell with a flared rim and a small clapper below. Use for notifications, alerts, or reminders.

Also searched as notification, alert.

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 2.426C5.536 2.426 4.081 4.217 4.081 6.569V8.361C4.081 8.497 4.044 8.63 3.974 8.747L3.082 10.232C2.782 10.732 3.143 11.368 3.726 11.368H12.274C12.857 11.368 13.218 10.732 12.918 10.232L12.026 8.747C11.956 8.63 11.919 8.497 11.919 8.361V6.569C11.919 4.217 10.464 2.426 8 2.426Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/><path d="M9.674 11.683C9.674 12.645 8.894 13.426 7.931 13.426C6.968 13.426 6.188 12.645 6.188 11.683" 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.