# alert-octagon icon

Alert octagon. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/alert-octagon

- Category: Notifications & status
- Use it for: critical, spam, critical error, fatal error, junk, junk mail, report spam
- Tags: alert, error, critical, stop, spam, exclamation, octagon, danger, report
- Family: alert-circle, alert-triangle, check-circle, help-circle, help-mark, info, x-circle
- Component name: AlertOctagonIcon
- Added: 2026-10-15

## 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

## Files

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.

- line-round: https://gentleface.com/svg/line-round/16/alert-octagon.svg · PNG https://gentleface.com/png/line-round/16/alert-octagon.png · https://gentleface.com/png/line-round/32/alert-octagon.png · https://gentleface.com/png/line-round/48/alert-octagon.png
- line-soft: https://gentleface.com/svg/line-soft/16/alert-octagon.svg · PNG https://gentleface.com/png/line-soft/16/alert-octagon.png · https://gentleface.com/png/line-soft/32/alert-octagon.png · https://gentleface.com/png/line-soft/48/alert-octagon.png
- line-sharp: https://gentleface.com/svg/line-sharp/16/alert-octagon.svg · PNG https://gentleface.com/png/line-sharp/16/alert-octagon.png · https://gentleface.com/png/line-sharp/32/alert-octagon.png · https://gentleface.com/png/line-sharp/48/alert-octagon.png
- solid-round: https://gentleface.com/svg/solid-round/16/alert-octagon.svg · PNG https://gentleface.com/png/solid-round/16/alert-octagon.png · https://gentleface.com/png/solid-round/32/alert-octagon.png · https://gentleface.com/png/solid-round/48/alert-octagon.png
- solid-soft: https://gentleface.com/svg/solid-soft/16/alert-octagon.svg · PNG https://gentleface.com/png/solid-soft/16/alert-octagon.png · https://gentleface.com/png/solid-soft/32/alert-octagon.png · https://gentleface.com/png/solid-soft/48/alert-octagon.png
- solid-sharp: https://gentleface.com/svg/solid-sharp/16/alert-octagon.svg · PNG https://gentleface.com/png/solid-sharp/16/alert-octagon.png · https://gentleface.com/png/solid-sharp/32/alert-octagon.png · https://gentleface.com/png/solid-sharp/48/alert-octagon.png

The SVG of every style: https://gentleface.com/icons/alert-octagon.json (`svg`).

## Code (line-round)

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. For another style, take its SVG from the JSON and swap the path `d`.

### SVG

```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

```tsx
// 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
<!-- Gentleface "alert-octagon" (line-round), MIT. https://gentleface.com/icons/alert-octagon -->
<template>
  <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>
</template>
```

### Svelte

```svelte
<!-- Gentleface "alert-octagon" (line-round), MIT. https://gentleface.com/icons/alert-octagon -->
<script>
  let props = $props();
</script>

<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>
```

### HTML img

```html
<!-- Gentleface "alert-octagon" (line-round), MIT. https://gentleface.com/icons/alert-octagon. An <img> can't take currentColor: it draws black. Inline the SVG or use the CSS mask to color it. -->
<img src="https://gentleface.com/svg/line-round/16/alert-octagon.svg" width="16" height="16" alt="">
```

### CSS

```css
/* Gentleface "alert-octagon" (line-round), MIT. https://gentleface.com/icons/alert-octagon. Takes the text color. */
.icon-alert-octagon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath 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'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath 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'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
}
```

### Data URL

```text
data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath 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'/%3E%3C/svg%3E
```

### Sprite

```html
<!-- Gentleface "alert-octagon" (line-round), MIT. https://gentleface.com/icons/alert-octagon
     Every icon of this style in one file: https://gentleface.com/sprite/line-round.svg
     Serve it from your own origin: <use> does not load from another origin. -->
<svg width="16" height="16" aria-hidden="true"><use href="/sprite/line-round.svg#alert-octagon"/></svg>
```

### SwiftUI

```swift
// Gentleface "alert-octagon" (line-round), MIT. https://gentleface.com/icons/alert-octagon
import SwiftUI

struct AlertOctagonIcon: Shape {
    func path(in rect: CGRect) -> Path {
        var p = Path()
        p.move(to: CGPoint(x: 12.778, y: 5.385))
        p.addCurve(to: CGPoint(x: 13, y: 6.5), control1: CGPoint(x: 12.926, y: 5.742), control2: CGPoint(x: 13, y: 6.114))
        p.addLine(to: CGPoint(x: 13, y: 8.5))
        p.addCurve(to: CGPoint(x: 12.778, y: 9.615), control1: CGPoint(x: 13, y: 8.886), control2: CGPoint(x: 12.926, y: 9.258))
        p.addCurve(to: CGPoint(x: 12.146, y: 10.561), control1: CGPoint(x: 12.63, y: 9.972), control2: CGPoint(x: 12.42, y: 10.287))
        p.addLine(to: CGPoint(x: 10.561, y: 12.146))
        p.addCurve(to: CGPoint(x: 9.615, y: 12.778), control1: CGPoint(x: 10.287, y: 12.42), control2: CGPoint(x: 9.972, y: 12.63))
        p.addCurve(to: CGPoint(x: 8.5, y: 13), control1: CGPoint(x: 9.258, y: 12.926), control2: CGPoint(x: 8.886, y: 13))
        p.addLine(to: CGPoint(x: 6.5, y: 13))
        p.addCurve(to: CGPoint(x: 5.385, y: 12.778), control1: CGPoint(x: 6.114, y: 13), control2: CGPoint(x: 5.742, y: 12.926))
        p.addCurve(to: CGPoint(x: 4.439, y: 12.146), control1: CGPoint(x: 5.028, y: 12.63), control2: CGPoint(x: 4.713, y: 12.42))
        p.addLine(to: CGPoint(x: 2.854, y: 10.561))
        p.addCurve(to: CGPoint(x: 2.222, y: 9.615), control1: CGPoint(x: 2.58, y: 10.287), control2: CGPoint(x: 2.37, y: 9.972))
        p.addCurve(to: CGPoint(x: 2, y: 8.5), control1: CGPoint(x: 2.074, y: 9.258), control2: CGPoint(x: 2, y: 8.886))
        p.addLine(to: CGPoint(x: 2, y: 6.5))
        p.addCurve(to: CGPoint(x: 2.222, y: 5.385), control1: CGPoint(x: 2, y: 6.114), control2: CGPoint(x: 2.074, y: 5.742))
        p.addCurve(to: CGPoint(x: 2.854, y: 4.439), control1: CGPoint(x: 2.37, y: 5.028), control2: CGPoint(x: 2.58, y: 4.713))
        p.addLine(to: CGPoint(x: 4.439, y: 2.854))
        p.addCurve(to: CGPoint(x: 5.385, y: 2.222), control1: CGPoint(x: 4.713, y: 2.58), control2: CGPoint(x: 5.028, y: 2.37))
        p.addCurve(to: CGPoint(x: 6.5, y: 2), control1: CGPoint(x: 5.742, y: 2.074), control2: CGPoint(x: 6.114, y: 2))
        p.addLine(to: CGPoint(x: 8.5, y: 2))
        p.addCurve(to: CGPoint(x: 9.615, y: 2.222), control1: CGPoint(x: 8.886, y: 2), control2: CGPoint(x: 9.258, y: 2.074))
        p.addCurve(to: CGPoint(x: 10.561, y: 2.854), control1: CGPoint(x: 9.972, y: 2.37), control2: CGPoint(x: 10.287, y: 2.58))
        p.addLine(to: CGPoint(x: 12.146, y: 4.439))
        p.addCurve(to: CGPoint(x: 12.778, y: 5.385), control1: CGPoint(x: 12.42, y: 4.713), control2: CGPoint(x: 12.63, y: 5.028))
        p.closeSubpath()
        p.move(to: CGPoint(x: 3.146, y: 5.767))
        p.addCurve(to: CGPoint(x: 3, y: 6.5), control1: CGPoint(x: 3.049, y: 6.002), control2: CGPoint(x: 3, y: 6.246))
        p.addLine(to: CGPoint(x: 3, y: 8.5))
        p.addCurve(to: CGPoint(x: 3.146, y: 9.233), control1: CGPoint(x: 3, y: 8.754), control2: CGPoint(x: 3.049, y: 8.998))
        p.addCurve(to: CGPoint(x: 3.561, y: 9.854), control1: CGPoint(x: 3.243, y: 9.467), control2: CGPoint(x: 3.381, y: 9.674))
        p.addLine(to: CGPoint(x: 5.146, y: 11.439))
        p.addCurve(to: CGPoint(x: 5.767, y: 11.854), control1: CGPoint(x: 5.326, y: 11.619), control2: CGPoint(x: 5.533, y: 11.757))
        p.addCurve(to: CGPoint(x: 6.5, y: 12), control1: CGPoint(x: 6.002, y: 11.951), control2: CGPoint(x: 6.246, y: 12))
        p.addLine(to: CGPoint(x: 8.5, y: 12))
        p.addCurve(to: CGPoint(x: 9.233, y: 11.854), control1: CGPoint(x: 8.754, y: 12), control2: CGPoint(x: 8.998, y: 11.951))
        p.addCurve(to: CGPoint(x: 9.854, y: 11.439), control1: CGPoint(x: 9.467, y: 11.757), control2: CGPoint(x: 9.674, y: 11.619))
        p.addLine(to: CGPoint(x: 11.439, y: 9.854))
        p.addCurve(to: CGPoint(x: 11.854, y: 9.233), control1: CGPoint(x: 11.619, y: 9.674), control2: CGPoint(x: 11.757, y: 9.467))
        p.addCurve(to: CGPoint(x: 12, y: 8.5), control1: CGPoint(x: 11.951, y: 8.998), control2: CGPoint(x: 12, y: 8.754))
        p.addLine(to: CGPoint(x: 12, y: 6.5))
        p.addCurve(to: CGPoint(x: 11.854, y: 5.767), control1: CGPoint(x: 12, y: 6.246), control2: CGPoint(x: 11.951, y: 6.002))
        p.addCurve(to: CGPoint(x: 11.439, y: 5.146), control1: CGPoint(x: 11.757, y: 5.533), control2: CGPoint(x: 11.619, y: 5.326))
        p.addLine(to: CGPoint(x: 9.854, y: 3.561))
        p.addCurve(to: CGPoint(x: 9.233, y: 3.146), control1: CGPoint(x: 9.674, y: 3.381), control2: CGPoint(x: 9.467, y: 3.243))
        p.addCurve(to: CGPoint(x: 8.5, y: 3), control1: CGPoint(x: 8.998, y: 3.049), control2: CGPoint(x: 8.754, y: 3))
        p.addLine(to: CGPoint(x: 6.5, y: 3))
        p.addCurve(to: CGPoint(x: 5.767, y: 3.146), control1: CGPoint(x: 6.246, y: 3), control2: CGPoint(x: 6.002, y: 3.049))
        p.addCurve(to: CGPoint(x: 5.146, y: 3.561), control1: CGPoint(x: 5.533, y: 3.243), control2: CGPoint(x: 5.326, y: 3.381))
        p.addLine(to: CGPoint(x: 3.561, y: 5.146))
        p.addCurve(to: CGPoint(x: 3.146, y: 5.767), control1: CGPoint(x: 3.381, y: 5.326), control2: CGPoint(x: 3.243, y: 5.533))
        p.closeSubpath()
        p.move(to: CGPoint(x: 7.856, y: 7.856))
        p.addCurve(to: CGPoint(x: 7.5, y: 8), control1: CGPoint(x: 7.759, y: 7.952), control2: CGPoint(x: 7.641, y: 8))
        p.addCurve(to: CGPoint(x: 7.144, y: 7.856), control1: CGPoint(x: 7.359, y: 8), control2: CGPoint(x: 7.241, y: 7.952))
        p.addCurve(to: CGPoint(x: 7, y: 7.5), control1: CGPoint(x: 7.048, y: 7.759), control2: CGPoint(x: 7, y: 7.641))
        p.addLine(to: CGPoint(x: 7, y: 4.5))
        p.addCurve(to: CGPoint(x: 7.144, y: 4.144), control1: CGPoint(x: 7, y: 4.359), control2: CGPoint(x: 7.048, y: 4.241))
        p.addCurve(to: CGPoint(x: 7.5, y: 4), control1: CGPoint(x: 7.241, y: 4.048), control2: CGPoint(x: 7.359, y: 4))
        p.addCurve(to: CGPoint(x: 7.856, y: 4.144), control1: CGPoint(x: 7.641, y: 4), control2: CGPoint(x: 7.759, y: 4.048))
        p.addCurve(to: CGPoint(x: 8, y: 4.5), control1: CGPoint(x: 7.952, y: 4.241), control2: CGPoint(x: 8, y: 4.359))
        p.addLine(to: CGPoint(x: 8, y: 7.5))
        p.addCurve(to: CGPoint(x: 7.856, y: 7.856), control1: CGPoint(x: 8, y: 7.641), control2: CGPoint(x: 7.952, y: 7.759))
        p.closeSubpath()
        p.move(to: CGPoint(x: 6.97, y: 8.97))
        p.addCurve(to: CGPoint(x: 7.5, y: 8.75), control1: CGPoint(x: 7.116, y: 8.823), control2: CGPoint(x: 7.293, y: 8.75))
        p.addCurve(to: CGPoint(x: 8.03, y: 8.97), control1: CGPoint(x: 7.707, y: 8.75), control2: CGPoint(x: 7.884, y: 8.823))
        p.addCurve(to: CGPoint(x: 8.25, y: 9.5), control1: CGPoint(x: 8.177, y: 9.116), control2: CGPoint(x: 8.25, y: 9.293))
        p.addCurve(to: CGPoint(x: 8.03, y: 10.03), control1: CGPoint(x: 8.25, y: 9.707), control2: CGPoint(x: 8.177, y: 9.884))
        p.addCurve(to: CGPoint(x: 7.5, y: 10.25), control1: CGPoint(x: 7.884, y: 10.177), control2: CGPoint(x: 7.707, y: 10.25))
        p.addCurve(to: CGPoint(x: 6.97, y: 10.03), control1: CGPoint(x: 7.293, y: 10.25), control2: CGPoint(x: 7.116, y: 10.177))
        p.addCurve(to: CGPoint(x: 6.75, y: 9.5), control1: CGPoint(x: 6.823, y: 9.884), control2: CGPoint(x: 6.75, y: 9.707))
        p.addCurve(to: CGPoint(x: 6.97, y: 8.97), control1: CGPoint(x: 6.75, y: 9.293), control2: CGPoint(x: 6.823, y: 9.116))
        p.closeSubpath()
        return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16))
    }
}

// AlertOctagonIcon().frame(width: 16, height: 16) fills with the foreground style. Keep it on whole points to stay crisp.
```

### Compose

```kotlin
// Gentleface "alert-octagon" (line-round), MIT. https://gentleface.com/icons/alert-octagon
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.graphics.SolidColor
import androidx.compose.ui.graphics.vector.ImageVector
import androidx.compose.ui.graphics.vector.addPathNodes
import androidx.compose.ui.unit.dp

val AlertOctagonIcon: ImageVector by lazy {
    ImageVector.Builder(
        name = "alert-octagon", defaultWidth = 16.dp, defaultHeight = 16.dp,
        viewportWidth = 16f, viewportHeight = 16f,
    ).addPath(
        pathData = addPathNodes("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"),
        fill = SolidColor(Color.Black),
    ).build()
}

// Icon(AlertOctagonIcon, contentDescription = null) tints it with LocalContentColor.
```

### Android XML

```xml
<!-- res/drawable/ic_alert_octagon.xml · Gentleface "alert-octagon" (line-round), MIT. https://gentleface.com/icons/alert-octagon -->
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="16dp"
    android:height="16dp"
    android:viewportWidth="16"
    android:viewportHeight="16"
    android:tint="?attr/colorControlNormal">
  <path
      android:fillColor="@android:color/white"
      android:pathData="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"/>
</vector>
```

### Flutter

```dart
// Gentleface "alert-octagon" (line-round), MIT. https://gentleface.com/icons/alert-octagon
import 'package:flutter/widgets.dart';

class AlertOctagonIcon extends StatelessWidget {
  const AlertOctagonIcon({super.key, this.size = 16, this.color});
  final double size;
  final Color? color;

  @override
  Widget build(BuildContext context) => CustomPaint(
        size: Size.square(size),
        painter: _AlertOctagonIconPainter(color ?? IconTheme.of(context).color ?? const Color(0xFF000000)),
      );
}

class _AlertOctagonIconPainter extends CustomPainter {
  _AlertOctagonIconPainter(this.color);
  final Color color;

  @override
  void paint(Canvas canvas, Size size) {
    canvas.scale(size.width / 16, size.height / 16);
    final p = Path()
      ..moveTo(12.778, 5.385)
      ..cubicTo(12.926, 5.742, 13, 6.114, 13, 6.5)
      ..lineTo(13, 8.5)
      ..cubicTo(13, 8.886, 12.926, 9.258, 12.778, 9.615)
      ..cubicTo(12.63, 9.972, 12.42, 10.287, 12.146, 10.561)
      ..lineTo(10.561, 12.146)
      ..cubicTo(10.287, 12.42, 9.972, 12.63, 9.615, 12.778)
      ..cubicTo(9.258, 12.926, 8.886, 13, 8.5, 13)
      ..lineTo(6.5, 13)
      ..cubicTo(6.114, 13, 5.742, 12.926, 5.385, 12.778)
      ..cubicTo(5.028, 12.63, 4.713, 12.42, 4.439, 12.146)
      ..lineTo(2.854, 10.561)
      ..cubicTo(2.58, 10.287, 2.37, 9.972, 2.222, 9.615)
      ..cubicTo(2.074, 9.258, 2, 8.886, 2, 8.5)
      ..lineTo(2, 6.5)
      ..cubicTo(2, 6.114, 2.074, 5.742, 2.222, 5.385)
      ..cubicTo(2.37, 5.028, 2.58, 4.713, 2.854, 4.439)
      ..lineTo(4.439, 2.854)
      ..cubicTo(4.713, 2.58, 5.028, 2.37, 5.385, 2.222)
      ..cubicTo(5.742, 2.074, 6.114, 2, 6.5, 2)
      ..lineTo(8.5, 2)
      ..cubicTo(8.886, 2, 9.258, 2.074, 9.615, 2.222)
      ..cubicTo(9.972, 2.37, 10.287, 2.58, 10.561, 2.854)
      ..lineTo(12.146, 4.439)
      ..cubicTo(12.42, 4.713, 12.63, 5.028, 12.778, 5.385)
      ..close()
      ..moveTo(3.146, 5.767)
      ..cubicTo(3.049, 6.002, 3, 6.246, 3, 6.5)
      ..lineTo(3, 8.5)
      ..cubicTo(3, 8.754, 3.049, 8.998, 3.146, 9.233)
      ..cubicTo(3.243, 9.467, 3.381, 9.674, 3.561, 9.854)
      ..lineTo(5.146, 11.439)
      ..cubicTo(5.326, 11.619, 5.533, 11.757, 5.767, 11.854)
      ..cubicTo(6.002, 11.951, 6.246, 12, 6.5, 12)
      ..lineTo(8.5, 12)
      ..cubicTo(8.754, 12, 8.998, 11.951, 9.233, 11.854)
      ..cubicTo(9.467, 11.757, 9.674, 11.619, 9.854, 11.439)
      ..lineTo(11.439, 9.854)
      ..cubicTo(11.619, 9.674, 11.757, 9.467, 11.854, 9.233)
      ..cubicTo(11.951, 8.998, 12, 8.754, 12, 8.5)
      ..lineTo(12, 6.5)
      ..cubicTo(12, 6.246, 11.951, 6.002, 11.854, 5.767)
      ..cubicTo(11.757, 5.533, 11.619, 5.326, 11.439, 5.146)
      ..lineTo(9.854, 3.561)
      ..cubicTo(9.674, 3.381, 9.467, 3.243, 9.233, 3.146)
      ..cubicTo(8.998, 3.049, 8.754, 3, 8.5, 3)
      ..lineTo(6.5, 3)
      ..cubicTo(6.246, 3, 6.002, 3.049, 5.767, 3.146)
      ..cubicTo(5.533, 3.243, 5.326, 3.381, 5.146, 3.561)
      ..lineTo(3.561, 5.146)
      ..cubicTo(3.381, 5.326, 3.243, 5.533, 3.146, 5.767)
      ..close()
      ..moveTo(7.856, 7.856)
      ..cubicTo(7.759, 7.952, 7.641, 8, 7.5, 8)
      ..cubicTo(7.359, 8, 7.241, 7.952, 7.144, 7.856)
      ..cubicTo(7.048, 7.759, 7, 7.641, 7, 7.5)
      ..lineTo(7, 4.5)
      ..cubicTo(7, 4.359, 7.048, 4.241, 7.144, 4.144)
      ..cubicTo(7.241, 4.048, 7.359, 4, 7.5, 4)
      ..cubicTo(7.641, 4, 7.759, 4.048, 7.856, 4.144)
      ..cubicTo(7.952, 4.241, 8, 4.359, 8, 4.5)
      ..lineTo(8, 7.5)
      ..cubicTo(8, 7.641, 7.952, 7.759, 7.856, 7.856)
      ..close()
      ..moveTo(6.97, 8.97)
      ..cubicTo(7.116, 8.823, 7.293, 8.75, 7.5, 8.75)
      ..cubicTo(7.707, 8.75, 7.884, 8.823, 8.03, 8.97)
      ..cubicTo(8.177, 9.116, 8.25, 9.293, 8.25, 9.5)
      ..cubicTo(8.25, 9.707, 8.177, 9.884, 8.03, 10.03)
      ..cubicTo(7.884, 10.177, 7.707, 10.25, 7.5, 10.25)
      ..cubicTo(7.293, 10.25, 7.116, 10.177, 6.97, 10.03)
      ..cubicTo(6.823, 9.884, 6.75, 9.707, 6.75, 9.5)
      ..cubicTo(6.75, 9.293, 6.823, 9.116, 6.97, 8.97)
      ..close();
    canvas.drawPath(p, Paint()..color = color);
  }

  @override
  bool shouldRepaint(_AlertOctagonIconPainter old) => old.color != color;
}
```