The Standard Icon Set

Status

Alert Triangle icon

An exclamation mark inside a rounded triangle. Use for warnings, caution, or risky actions.

Also searched as warning, caution, danger.

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="M6.637 3.904L2.62 10.902C2.111 11.789 2.849 12.833 3.985 12.833H12.015C13.151 12.833 13.889 11.789 13.38 10.903L9.367 3.905C8.804 2.924 7.201 2.923 6.637 3.904Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/><path d="M8 6.667L8 8.751" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/><path d="M8.562 10.36C8.562 10.67 8.31 10.922 8 10.922C7.689 10.922 7.438 10.67 7.438 10.36C7.438 10.049 7.689 9.798 8 9.798C8.31 9.798 8.562 10.049 8.562 10.36Z" fill="currentColor"/></svg>

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