Gentleface › Notifications & status › alert-octagon

alert-octagon icon

Alert octagon: critical, spam, critical error, fatal error. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M12.778 5.385C12.926 5.742 13 6.114 13 6.5L13 8.5C13 8.886 12.926 9.258 12.778 9.615C12.63 9.972 12.42 10.287 12.146 10.561L10.561 12.146C10.287 12.42 9.972 12.63 9.615 12.778C9.258 12.926 8.886 13 8.5 13L6.5 13C6.114 13 5.742 12.926 5.385 12.778C5.028 12.63 4.713 12.42 4.439 12.146L2.854 10.561C2.58 10.287 2.37 9.972 2.222 9.615C2.074 9.258 2 8.886 2 8.5L2 6.5C2 6.114 2.074 5.742 2.222 5.385C2.37 5.028 2.58 4.713 2.854 4.439L4.439 2.854C4.713 2.58 5.028 2.37 5.385 2.222C5.742 2.074 6.114 2 6.5 2L8.5 2C8.886 2 9.258 2.074 9.615 2.222C9.972 2.37 10.287 2.58 10.561 2.854L12.146 4.439C12.42 4.713 12.63 5.028 12.778 5.385ZM3.146 5.767C3.049 6.002 3 6.246 3 6.5L3 8.5C3 8.754 3.049 8.998 3.146 9.233C3.243 9.467 3.381 9.674 3.561 9.854L5.146 11.439C5.326 11.619 5.533 11.757 5.767 11.854C6.002 11.951 6.246 12 6.5 12L8.5 12C8.754 12 8.998 11.951 9.233 11.854C9.467 11.757 9.674 11.619 9.854 11.439L11.439 9.854C11.619 9.674 11.757 9.467 11.854 9.233C11.951 8.998 12 8.754 12 8.5L12 6.5C12 6.246 11.951 6.002 11.854 5.767C11.757 5.533 11.619 5.326 11.439 5.146L9.854 3.561C9.674 3.381 9.467 3.243 9.233 3.146C8.998 3.049 8.754 3 8.5 3L6.5 3C6.246 3 6.002 3.049 5.767 3.146C5.533 3.243 5.326 3.381 5.146 3.561L3.561 5.146C3.381 5.326 3.243 5.533 3.146 5.767ZM7.856 7.856C7.759 7.952 7.641 8 7.5 8C7.359 8 7.241 7.952 7.144 7.856C7.048 7.759 7 7.641 7 7.5L7 4.5C7 4.359 7.048 4.241 7.144 4.144C7.241 4.048 7.359 4 7.5 4C7.641 4 7.759 4.048 7.856 4.144C7.952 4.241 8 4.359 8 4.5L8 7.5C8 7.641 7.952 7.759 7.856 7.856ZM6.97 8.97C7.116 8.823 7.293 8.75 7.5 8.75C7.707 8.75 7.884 8.823 8.03 8.97C8.177 9.116 8.25 9.293 8.25 9.5C8.25 9.707 8.177 9.884 8.03 10.03C7.884 10.177 7.707 10.25 7.5 10.25C7.293 10.25 7.116 10.177 6.97 10.03C6.823 9.884 6.75 9.707 6.75 9.5C6.75 9.293 6.823 9.116 6.97 8.97Z"/></svg>

React

// Gentleface "alert-octagon" (line-round), MIT. https://gentleface.com/icons/alert-octagon
import type { SVGProps } from 'react';

export function AlertOctagonIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M12.778 5.385C12.926 5.742 13 6.114 13 6.5L13 8.5C13 8.886 12.926 9.258 12.778 9.615C12.63 9.972 12.42 10.287 12.146 10.561L10.561 12.146C10.287 12.42 9.972 12.63 9.615 12.778C9.258 12.926 8.886 13 8.5 13L6.5 13C6.114 13 5.742 12.926 5.385 12.778C5.028 12.63 4.713 12.42 4.439 12.146L2.854 10.561C2.58 10.287 2.37 9.972 2.222 9.615C2.074 9.258 2 8.886 2 8.5L2 6.5C2 6.114 2.074 5.742 2.222 5.385C2.37 5.028 2.58 4.713 2.854 4.439L4.439 2.854C4.713 2.58 5.028 2.37 5.385 2.222C5.742 2.074 6.114 2 6.5 2L8.5 2C8.886 2 9.258 2.074 9.615 2.222C9.972 2.37 10.287 2.58 10.561 2.854L12.146 4.439C12.42 4.713 12.63 5.028 12.778 5.385ZM3.146 5.767C3.049 6.002 3 6.246 3 6.5L3 8.5C3 8.754 3.049 8.998 3.146 9.233C3.243 9.467 3.381 9.674 3.561 9.854L5.146 11.439C5.326 11.619 5.533 11.757 5.767 11.854C6.002 11.951 6.246 12 6.5 12L8.5 12C8.754 12 8.998 11.951 9.233 11.854C9.467 11.757 9.674 11.619 9.854 11.439L11.439 9.854C11.619 9.674 11.757 9.467 11.854 9.233C11.951 8.998 12 8.754 12 8.5L12 6.5C12 6.246 11.951 6.002 11.854 5.767C11.757 5.533 11.619 5.326 11.439 5.146L9.854 3.561C9.674 3.381 9.467 3.243 9.233 3.146C8.998 3.049 8.754 3 8.5 3L6.5 3C6.246 3 6.002 3.049 5.767 3.146C5.533 3.243 5.326 3.381 5.146 3.561L3.561 5.146C3.381 5.326 3.243 5.533 3.146 5.767ZM7.856 7.856C7.759 7.952 7.641 8 7.5 8C7.359 8 7.241 7.952 7.144 7.856C7.048 7.759 7 7.641 7 7.5L7 4.5C7 4.359 7.048 4.241 7.144 4.144C7.241 4.048 7.359 4 7.5 4C7.641 4 7.759 4.048 7.856 4.144C7.952 4.241 8 4.359 8 4.5L8 7.5C8 7.641 7.952 7.759 7.856 7.856ZM6.97 8.97C7.116 8.823 7.293 8.75 7.5 8.75C7.707 8.75 7.884 8.823 8.03 8.97C8.177 9.116 8.25 9.293 8.25 9.5C8.25 9.707 8.177 9.884 8.03 10.03C7.884 10.177 7.707 10.25 7.5 10.25C7.293 10.25 7.116 10.177 6.97 10.03C6.823 9.884 6.75 9.707 6.75 9.5C6.75 9.293 6.823 9.116 6.97 8.97Z" />
    </svg>
  );
}

Vue

Vue: see /icons/alert-octagon.md

Svelte

Svelte: see /icons/alert-octagon.md

HTML img

HTML img: see /icons/alert-octagon.md

CSS

CSS: see /icons/alert-octagon.md

Data URL

Data URL: see /icons/alert-octagon.md

Sprite

Sprite: see /icons/alert-octagon.md

SwiftUI

SwiftUI: see /icons/alert-octagon.md

Compose

Compose: see /icons/alert-octagon.md

Android XML

Android XML: see /icons/alert-octagon.md

Flutter

Flutter: see /icons/alert-octagon.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for

critical, spam, critical error, fatal error, junk, junk mail, report spam

Alternatives

alert-circle: an ordinary error
siren: an incident or emergency in progress
ban: block the sender

Don’t confuse with

flag: flag means report or mark in general; spam is the octagon (mail convention)

Also fits

report phishing: spam (alert-octagon owns spam)
warning: critical, worse than a warning
incident: a critical error, not an ongoing incident
octagon: a stop or a critical error, the octagon with a sign (alert-octagon)

Not for

not allowed (use ban): the octagon means critical or spam, not forbidden

Tags

alert, error, critical, stop, spam, exclamation, octagon, danger, report

Category

Notifications & status

Component name

AlertOctagonIcon

History

2026-10-15 added

Family 7

alert-circle alert-triangle check-circle help-circle help-mark info x-circle

More notifications & status icons

alert-mark bell bell-alert bell-check bell-clock bell-dot bell-gear bell-off bell-pencil bell-plus bell-ring bell-snooze bell-sparkle bell-x circle-dashed circle-progress · all notifications & status icons

For agents

Metadata: /icons/alert-octagon.json · Markdown: /icons/alert-octagon.md · SVG: https://gentleface.com/svg/{style}/16/alert-octagon.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/alert-octagon.png

alert-octagon icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp