The Standard Icon Set

Status

Bell X Overlay icon

A bell with a small rounded square holding an x overlapping its lower right. Use for dismissing or deleting a notification.

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="M12.508 9.55L12.026 8.747C11.956 8.63 11.919 8.497 11.919 8.361L11.919 6.569C11.919 4.217 10.464 2.426 8 2.426C5.536 2.426 4.081 4.217 4.081 6.569L4.081 8.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.368L9.55 11.368" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/><path d="M9.55 12.33C9.293 12.972 8.665 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"/><rect x="9.55" y="9.55" width="5.40063" height="5.40063" rx="1" stroke="currentColor" stroke-width="1.182"/><path d="M11.125 11.125L13.375 13.375M13.375 11.125L11.125 13.375" 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.

Related14