The Standard Icon Set

Status

Alert Circle icon

An exclamation mark inside a circle. Use for errors, warnings, or important notices.

Also searched as error, warning.

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="M13.6 8C13.6 8.735 13.455 9.464 13.174 10.143C12.892 10.822 12.48 11.44 11.96 11.96C11.44 12.48 10.822 12.892 10.143 13.174C9.464 13.455 8.735 13.6 8 13.6C7.264 13.6 6.536 13.455 5.857 13.174C5.177 12.892 4.56 12.48 4.04 11.96C3.52 11.44 3.108 10.822 2.826 10.143C2.545 9.464 2.4 8.735 2.4 8C2.4 7.265 2.545 6.536 2.826 5.857C3.108 5.177 3.52 4.56 4.04 4.04C4.56 3.52 5.177 3.108 5.857 2.826C6.536 2.545 7.264 2.4 8 2.4C8.735 2.4 9.464 2.545 10.143 2.826C10.822 3.108 11.44 3.52 11.96 4.04C12.48 4.56 12.892 5.177 13.174 5.857C13.455 6.536 13.6 7.265 13.6 8Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/><path d="M8 6.186L8 8.27" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/><path d="M8.562 9.878C8.562 10.189 8.31 10.44 8 10.44C7.69 10.44 7.438 10.189 7.438 9.878C7.438 9.568 7.69 9.316 8 9.316C8.31 9.316 8.562 9.568 8.562 9.878Z" fill="currentColor"/></svg>

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

Related15