# siren icon

Siren. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/siren

- Category: Notifications & status
- Use it for: siren, emergency light, incident, emergency
- Tags: siren, emergency, alarm, beacon, police, incident, alert, outage
- Component name: SirenIcon
- Added: 2026-10-15

## Alternatives

- `alert-octagon`: a critical error, not an ongoing incident
- `bell-alert`: a critical-alert rule

## Also fits

- smoke detector: an alarm going off, or an incident
- critical: an incident or emergency in progress
- critical alert: an incident or emergency

## 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/siren.svg · PNG https://gentleface.com/png/line-round/16/siren.png · https://gentleface.com/png/line-round/32/siren.png · https://gentleface.com/png/line-round/48/siren.png
- line-soft: https://gentleface.com/svg/line-soft/16/siren.svg · PNG https://gentleface.com/png/line-soft/16/siren.png · https://gentleface.com/png/line-soft/32/siren.png · https://gentleface.com/png/line-soft/48/siren.png
- line-sharp: https://gentleface.com/svg/line-sharp/16/siren.svg · PNG https://gentleface.com/png/line-sharp/16/siren.png · https://gentleface.com/png/line-sharp/32/siren.png · https://gentleface.com/png/line-sharp/48/siren.png
- solid-round: https://gentleface.com/svg/solid-round/16/siren.svg · PNG https://gentleface.com/png/solid-round/16/siren.png · https://gentleface.com/png/solid-round/32/siren.png · https://gentleface.com/png/solid-round/48/siren.png
- solid-soft: https://gentleface.com/svg/solid-soft/16/siren.svg · PNG https://gentleface.com/png/solid-soft/16/siren.png · https://gentleface.com/png/solid-soft/32/siren.png · https://gentleface.com/png/solid-soft/48/siren.png
- solid-sharp: https://gentleface.com/svg/solid-sharp/16/siren.svg · PNG https://gentleface.com/png/solid-sharp/16/siren.png · https://gentleface.com/png/solid-sharp/32/siren.png · https://gentleface.com/png/solid-sharp/48/siren.png

The SVG of every style: https://gentleface.com/icons/siren.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="M7.856 3.856C7.759 3.952 7.641 4 7.5 4C7.359 4 7.241 3.952 7.144 3.856C7.048 3.759 7 3.641 7 3.5L7 1.5C7 1.359 7.048 1.241 7.144 1.144C7.241 1.048 7.359 1 7.5 1C7.641 1 7.759 1.048 7.856 1.144C7.952 1.241 8 1.359 8 1.5L8 3.5C8 3.641 7.952 3.759 7.856 3.856ZM1 3.5C1 3.362 1.049 3.244 1.146 3.146C1.246 3.047 1.364 2.997 1.5 2.997C1.636 2.997 1.754 3.047 1.854 3.146L3.854 5.146C3.953 5.246 4.003 5.364 4.003 5.5C4.003 5.636 3.953 5.754 3.854 5.854C3.756 5.951 3.638 6 3.5 6C3.362 6 3.244 5.951 3.146 5.854L1.146 3.854C1.049 3.756 1 3.638 1 3.5ZM11.854 5.854C11.754 5.953 11.636 6.003 11.5 6.003C11.364 6.003 11.246 5.953 11.146 5.854C11.049 5.756 11 5.638 11 5.5C11 5.362 11.049 5.244 11.146 5.146L13.146 3.146C13.246 3.047 13.364 2.997 13.5 2.997C13.636 2.997 13.754 3.047 13.854 3.146C13.951 3.244 14 3.362 14 3.5C14 3.638 13.951 3.756 13.854 3.854L11.854 5.854ZM4.246 8.212C4.424 7.762 4.683 7.367 5.025 7.025C5.367 6.683 5.762 6.424 6.212 6.246C6.625 6.082 7.055 6 7.5 6C7.945 6 8.375 6.082 8.788 6.246C9.238 6.424 9.633 6.683 9.975 7.025C10.317 7.367 10.576 7.762 10.754 8.212C10.918 8.625 11 9.055 11 9.5L11 12L11.5 12C11.641 12 11.759 12.048 11.856 12.144C11.952 12.241 12 12.359 12 12.5L12 14.5C12 14.641 11.952 14.759 11.856 14.856C11.759 14.952 11.641 15 11.5 15L3.5 15C3.359 15 3.241 14.952 3.144 14.856C3.048 14.759 3 14.641 3 14.5L3 12.5C3 12.359 3.048 12.241 3.144 12.144C3.241 12.048 3.359 12 3.5 12L4 12L4 9.5C4 9.055 4.082 8.625 4.246 8.212ZM10 9.5C10 9.182 9.941 8.875 9.824 8.58C9.697 8.259 9.512 7.976 9.268 7.732C9.024 7.488 8.741 7.303 8.42 7.176C8.125 7.059 7.818 7 7.5 7C7.182 7 6.875 7.059 6.58 7.176C6.259 7.303 5.976 7.488 5.732 7.732C5.488 7.976 5.303 8.259 5.176 8.58C5.059 8.875 5 9.182 5 9.5L5 12L10 12L10 9.5ZM11 13L4 13L4 14L11 14L11 13Z"/></svg>
```

### React

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

export function SirenIcon(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="M7.856 3.856C7.759 3.952 7.641 4 7.5 4C7.359 4 7.241 3.952 7.144 3.856C7.048 3.759 7 3.641 7 3.5L7 1.5C7 1.359 7.048 1.241 7.144 1.144C7.241 1.048 7.359 1 7.5 1C7.641 1 7.759 1.048 7.856 1.144C7.952 1.241 8 1.359 8 1.5L8 3.5C8 3.641 7.952 3.759 7.856 3.856ZM1 3.5C1 3.362 1.049 3.244 1.146 3.146C1.246 3.047 1.364 2.997 1.5 2.997C1.636 2.997 1.754 3.047 1.854 3.146L3.854 5.146C3.953 5.246 4.003 5.364 4.003 5.5C4.003 5.636 3.953 5.754 3.854 5.854C3.756 5.951 3.638 6 3.5 6C3.362 6 3.244 5.951 3.146 5.854L1.146 3.854C1.049 3.756 1 3.638 1 3.5ZM11.854 5.854C11.754 5.953 11.636 6.003 11.5 6.003C11.364 6.003 11.246 5.953 11.146 5.854C11.049 5.756 11 5.638 11 5.5C11 5.362 11.049 5.244 11.146 5.146L13.146 3.146C13.246 3.047 13.364 2.997 13.5 2.997C13.636 2.997 13.754 3.047 13.854 3.146C13.951 3.244 14 3.362 14 3.5C14 3.638 13.951 3.756 13.854 3.854L11.854 5.854ZM4.246 8.212C4.424 7.762 4.683 7.367 5.025 7.025C5.367 6.683 5.762 6.424 6.212 6.246C6.625 6.082 7.055 6 7.5 6C7.945 6 8.375 6.082 8.788 6.246C9.238 6.424 9.633 6.683 9.975 7.025C10.317 7.367 10.576 7.762 10.754 8.212C10.918 8.625 11 9.055 11 9.5L11 12L11.5 12C11.641 12 11.759 12.048 11.856 12.144C11.952 12.241 12 12.359 12 12.5L12 14.5C12 14.641 11.952 14.759 11.856 14.856C11.759 14.952 11.641 15 11.5 15L3.5 15C3.359 15 3.241 14.952 3.144 14.856C3.048 14.759 3 14.641 3 14.5L3 12.5C3 12.359 3.048 12.241 3.144 12.144C3.241 12.048 3.359 12 3.5 12L4 12L4 9.5C4 9.055 4.082 8.625 4.246 8.212ZM10 9.5C10 9.182 9.941 8.875 9.824 8.58C9.697 8.259 9.512 7.976 9.268 7.732C9.024 7.488 8.741 7.303 8.42 7.176C8.125 7.059 7.818 7 7.5 7C7.182 7 6.875 7.059 6.58 7.176C6.259 7.303 5.976 7.488 5.732 7.732C5.488 7.976 5.303 8.259 5.176 8.58C5.059 8.875 5 9.182 5 9.5L5 12L10 12L10 9.5ZM11 13L4 13L4 14L11 14L11 13Z" />
    </svg>
  );
}
```

### Vue

```vue
<!-- Gentleface "siren" (line-round), MIT. https://gentleface.com/icons/siren -->
<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="M7.856 3.856C7.759 3.952 7.641 4 7.5 4C7.359 4 7.241 3.952 7.144 3.856C7.048 3.759 7 3.641 7 3.5L7 1.5C7 1.359 7.048 1.241 7.144 1.144C7.241 1.048 7.359 1 7.5 1C7.641 1 7.759 1.048 7.856 1.144C7.952 1.241 8 1.359 8 1.5L8 3.5C8 3.641 7.952 3.759 7.856 3.856ZM1 3.5C1 3.362 1.049 3.244 1.146 3.146C1.246 3.047 1.364 2.997 1.5 2.997C1.636 2.997 1.754 3.047 1.854 3.146L3.854 5.146C3.953 5.246 4.003 5.364 4.003 5.5C4.003 5.636 3.953 5.754 3.854 5.854C3.756 5.951 3.638 6 3.5 6C3.362 6 3.244 5.951 3.146 5.854L1.146 3.854C1.049 3.756 1 3.638 1 3.5ZM11.854 5.854C11.754 5.953 11.636 6.003 11.5 6.003C11.364 6.003 11.246 5.953 11.146 5.854C11.049 5.756 11 5.638 11 5.5C11 5.362 11.049 5.244 11.146 5.146L13.146 3.146C13.246 3.047 13.364 2.997 13.5 2.997C13.636 2.997 13.754 3.047 13.854 3.146C13.951 3.244 14 3.362 14 3.5C14 3.638 13.951 3.756 13.854 3.854L11.854 5.854ZM4.246 8.212C4.424 7.762 4.683 7.367 5.025 7.025C5.367 6.683 5.762 6.424 6.212 6.246C6.625 6.082 7.055 6 7.5 6C7.945 6 8.375 6.082 8.788 6.246C9.238 6.424 9.633 6.683 9.975 7.025C10.317 7.367 10.576 7.762 10.754 8.212C10.918 8.625 11 9.055 11 9.5L11 12L11.5 12C11.641 12 11.759 12.048 11.856 12.144C11.952 12.241 12 12.359 12 12.5L12 14.5C12 14.641 11.952 14.759 11.856 14.856C11.759 14.952 11.641 15 11.5 15L3.5 15C3.359 15 3.241 14.952 3.144 14.856C3.048 14.759 3 14.641 3 14.5L3 12.5C3 12.359 3.048 12.241 3.144 12.144C3.241 12.048 3.359 12 3.5 12L4 12L4 9.5C4 9.055 4.082 8.625 4.246 8.212ZM10 9.5C10 9.182 9.941 8.875 9.824 8.58C9.697 8.259 9.512 7.976 9.268 7.732C9.024 7.488 8.741 7.303 8.42 7.176C8.125 7.059 7.818 7 7.5 7C7.182 7 6.875 7.059 6.58 7.176C6.259 7.303 5.976 7.488 5.732 7.732C5.488 7.976 5.303 8.259 5.176 8.58C5.059 8.875 5 9.182 5 9.5L5 12L10 12L10 9.5ZM11 13L4 13L4 14L11 14L11 13Z" />
  </svg>
</template>
```

### Svelte

```svelte
<!-- Gentleface "siren" (line-round), MIT. https://gentleface.com/icons/siren -->
<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="M7.856 3.856C7.759 3.952 7.641 4 7.5 4C7.359 4 7.241 3.952 7.144 3.856C7.048 3.759 7 3.641 7 3.5L7 1.5C7 1.359 7.048 1.241 7.144 1.144C7.241 1.048 7.359 1 7.5 1C7.641 1 7.759 1.048 7.856 1.144C7.952 1.241 8 1.359 8 1.5L8 3.5C8 3.641 7.952 3.759 7.856 3.856ZM1 3.5C1 3.362 1.049 3.244 1.146 3.146C1.246 3.047 1.364 2.997 1.5 2.997C1.636 2.997 1.754 3.047 1.854 3.146L3.854 5.146C3.953 5.246 4.003 5.364 4.003 5.5C4.003 5.636 3.953 5.754 3.854 5.854C3.756 5.951 3.638 6 3.5 6C3.362 6 3.244 5.951 3.146 5.854L1.146 3.854C1.049 3.756 1 3.638 1 3.5ZM11.854 5.854C11.754 5.953 11.636 6.003 11.5 6.003C11.364 6.003 11.246 5.953 11.146 5.854C11.049 5.756 11 5.638 11 5.5C11 5.362 11.049 5.244 11.146 5.146L13.146 3.146C13.246 3.047 13.364 2.997 13.5 2.997C13.636 2.997 13.754 3.047 13.854 3.146C13.951 3.244 14 3.362 14 3.5C14 3.638 13.951 3.756 13.854 3.854L11.854 5.854ZM4.246 8.212C4.424 7.762 4.683 7.367 5.025 7.025C5.367 6.683 5.762 6.424 6.212 6.246C6.625 6.082 7.055 6 7.5 6C7.945 6 8.375 6.082 8.788 6.246C9.238 6.424 9.633 6.683 9.975 7.025C10.317 7.367 10.576 7.762 10.754 8.212C10.918 8.625 11 9.055 11 9.5L11 12L11.5 12C11.641 12 11.759 12.048 11.856 12.144C11.952 12.241 12 12.359 12 12.5L12 14.5C12 14.641 11.952 14.759 11.856 14.856C11.759 14.952 11.641 15 11.5 15L3.5 15C3.359 15 3.241 14.952 3.144 14.856C3.048 14.759 3 14.641 3 14.5L3 12.5C3 12.359 3.048 12.241 3.144 12.144C3.241 12.048 3.359 12 3.5 12L4 12L4 9.5C4 9.055 4.082 8.625 4.246 8.212ZM10 9.5C10 9.182 9.941 8.875 9.824 8.58C9.697 8.259 9.512 7.976 9.268 7.732C9.024 7.488 8.741 7.303 8.42 7.176C8.125 7.059 7.818 7 7.5 7C7.182 7 6.875 7.059 6.58 7.176C6.259 7.303 5.976 7.488 5.732 7.732C5.488 7.976 5.303 8.259 5.176 8.58C5.059 8.875 5 9.182 5 9.5L5 12L10 12L10 9.5ZM11 13L4 13L4 14L11 14L11 13Z" />
</svg>
```

### HTML img

```html
<!-- Gentleface "siren" (line-round), MIT. https://gentleface.com/icons/siren. 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/siren.svg" width="16" height="16" alt="">
```

### CSS

```css
/* Gentleface "siren" (line-round), MIT. https://gentleface.com/icons/siren. Takes the text color. */
.icon-siren {
  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='M7.856 3.856C7.759 3.952 7.641 4 7.5 4C7.359 4 7.241 3.952 7.144 3.856C7.048 3.759 7 3.641 7 3.5L7 1.5C7 1.359 7.048 1.241 7.144 1.144C7.241 1.048 7.359 1 7.5 1C7.641 1 7.759 1.048 7.856 1.144C7.952 1.241 8 1.359 8 1.5L8 3.5C8 3.641 7.952 3.759 7.856 3.856ZM1 3.5C1 3.362 1.049 3.244 1.146 3.146C1.246 3.047 1.364 2.997 1.5 2.997C1.636 2.997 1.754 3.047 1.854 3.146L3.854 5.146C3.953 5.246 4.003 5.364 4.003 5.5C4.003 5.636 3.953 5.754 3.854 5.854C3.756 5.951 3.638 6 3.5 6C3.362 6 3.244 5.951 3.146 5.854L1.146 3.854C1.049 3.756 1 3.638 1 3.5ZM11.854 5.854C11.754 5.953 11.636 6.003 11.5 6.003C11.364 6.003 11.246 5.953 11.146 5.854C11.049 5.756 11 5.638 11 5.5C11 5.362 11.049 5.244 11.146 5.146L13.146 3.146C13.246 3.047 13.364 2.997 13.5 2.997C13.636 2.997 13.754 3.047 13.854 3.146C13.951 3.244 14 3.362 14 3.5C14 3.638 13.951 3.756 13.854 3.854L11.854 5.854ZM4.246 8.212C4.424 7.762 4.683 7.367 5.025 7.025C5.367 6.683 5.762 6.424 6.212 6.246C6.625 6.082 7.055 6 7.5 6C7.945 6 8.375 6.082 8.788 6.246C9.238 6.424 9.633 6.683 9.975 7.025C10.317 7.367 10.576 7.762 10.754 8.212C10.918 8.625 11 9.055 11 9.5L11 12L11.5 12C11.641 12 11.759 12.048 11.856 12.144C11.952 12.241 12 12.359 12 12.5L12 14.5C12 14.641 11.952 14.759 11.856 14.856C11.759 14.952 11.641 15 11.5 15L3.5 15C3.359 15 3.241 14.952 3.144 14.856C3.048 14.759 3 14.641 3 14.5L3 12.5C3 12.359 3.048 12.241 3.144 12.144C3.241 12.048 3.359 12 3.5 12L4 12L4 9.5C4 9.055 4.082 8.625 4.246 8.212ZM10 9.5C10 9.182 9.941 8.875 9.824 8.58C9.697 8.259 9.512 7.976 9.268 7.732C9.024 7.488 8.741 7.303 8.42 7.176C8.125 7.059 7.818 7 7.5 7C7.182 7 6.875 7.059 6.58 7.176C6.259 7.303 5.976 7.488 5.732 7.732C5.488 7.976 5.303 8.259 5.176 8.58C5.059 8.875 5 9.182 5 9.5L5 12L10 12L10 9.5ZM11 13L4 13L4 14L11 14L11 13Z'/%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='M7.856 3.856C7.759 3.952 7.641 4 7.5 4C7.359 4 7.241 3.952 7.144 3.856C7.048 3.759 7 3.641 7 3.5L7 1.5C7 1.359 7.048 1.241 7.144 1.144C7.241 1.048 7.359 1 7.5 1C7.641 1 7.759 1.048 7.856 1.144C7.952 1.241 8 1.359 8 1.5L8 3.5C8 3.641 7.952 3.759 7.856 3.856ZM1 3.5C1 3.362 1.049 3.244 1.146 3.146C1.246 3.047 1.364 2.997 1.5 2.997C1.636 2.997 1.754 3.047 1.854 3.146L3.854 5.146C3.953 5.246 4.003 5.364 4.003 5.5C4.003 5.636 3.953 5.754 3.854 5.854C3.756 5.951 3.638 6 3.5 6C3.362 6 3.244 5.951 3.146 5.854L1.146 3.854C1.049 3.756 1 3.638 1 3.5ZM11.854 5.854C11.754 5.953 11.636 6.003 11.5 6.003C11.364 6.003 11.246 5.953 11.146 5.854C11.049 5.756 11 5.638 11 5.5C11 5.362 11.049 5.244 11.146 5.146L13.146 3.146C13.246 3.047 13.364 2.997 13.5 2.997C13.636 2.997 13.754 3.047 13.854 3.146C13.951 3.244 14 3.362 14 3.5C14 3.638 13.951 3.756 13.854 3.854L11.854 5.854ZM4.246 8.212C4.424 7.762 4.683 7.367 5.025 7.025C5.367 6.683 5.762 6.424 6.212 6.246C6.625 6.082 7.055 6 7.5 6C7.945 6 8.375 6.082 8.788 6.246C9.238 6.424 9.633 6.683 9.975 7.025C10.317 7.367 10.576 7.762 10.754 8.212C10.918 8.625 11 9.055 11 9.5L11 12L11.5 12C11.641 12 11.759 12.048 11.856 12.144C11.952 12.241 12 12.359 12 12.5L12 14.5C12 14.641 11.952 14.759 11.856 14.856C11.759 14.952 11.641 15 11.5 15L3.5 15C3.359 15 3.241 14.952 3.144 14.856C3.048 14.759 3 14.641 3 14.5L3 12.5C3 12.359 3.048 12.241 3.144 12.144C3.241 12.048 3.359 12 3.5 12L4 12L4 9.5C4 9.055 4.082 8.625 4.246 8.212ZM10 9.5C10 9.182 9.941 8.875 9.824 8.58C9.697 8.259 9.512 7.976 9.268 7.732C9.024 7.488 8.741 7.303 8.42 7.176C8.125 7.059 7.818 7 7.5 7C7.182 7 6.875 7.059 6.58 7.176C6.259 7.303 5.976 7.488 5.732 7.732C5.488 7.976 5.303 8.259 5.176 8.58C5.059 8.875 5 9.182 5 9.5L5 12L10 12L10 9.5ZM11 13L4 13L4 14L11 14L11 13Z'/%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='M7.856 3.856C7.759 3.952 7.641 4 7.5 4C7.359 4 7.241 3.952 7.144 3.856C7.048 3.759 7 3.641 7 3.5L7 1.5C7 1.359 7.048 1.241 7.144 1.144C7.241 1.048 7.359 1 7.5 1C7.641 1 7.759 1.048 7.856 1.144C7.952 1.241 8 1.359 8 1.5L8 3.5C8 3.641 7.952 3.759 7.856 3.856ZM1 3.5C1 3.362 1.049 3.244 1.146 3.146C1.246 3.047 1.364 2.997 1.5 2.997C1.636 2.997 1.754 3.047 1.854 3.146L3.854 5.146C3.953 5.246 4.003 5.364 4.003 5.5C4.003 5.636 3.953 5.754 3.854 5.854C3.756 5.951 3.638 6 3.5 6C3.362 6 3.244 5.951 3.146 5.854L1.146 3.854C1.049 3.756 1 3.638 1 3.5ZM11.854 5.854C11.754 5.953 11.636 6.003 11.5 6.003C11.364 6.003 11.246 5.953 11.146 5.854C11.049 5.756 11 5.638 11 5.5C11 5.362 11.049 5.244 11.146 5.146L13.146 3.146C13.246 3.047 13.364 2.997 13.5 2.997C13.636 2.997 13.754 3.047 13.854 3.146C13.951 3.244 14 3.362 14 3.5C14 3.638 13.951 3.756 13.854 3.854L11.854 5.854ZM4.246 8.212C4.424 7.762 4.683 7.367 5.025 7.025C5.367 6.683 5.762 6.424 6.212 6.246C6.625 6.082 7.055 6 7.5 6C7.945 6 8.375 6.082 8.788 6.246C9.238 6.424 9.633 6.683 9.975 7.025C10.317 7.367 10.576 7.762 10.754 8.212C10.918 8.625 11 9.055 11 9.5L11 12L11.5 12C11.641 12 11.759 12.048 11.856 12.144C11.952 12.241 12 12.359 12 12.5L12 14.5C12 14.641 11.952 14.759 11.856 14.856C11.759 14.952 11.641 15 11.5 15L3.5 15C3.359 15 3.241 14.952 3.144 14.856C3.048 14.759 3 14.641 3 14.5L3 12.5C3 12.359 3.048 12.241 3.144 12.144C3.241 12.048 3.359 12 3.5 12L4 12L4 9.5C4 9.055 4.082 8.625 4.246 8.212ZM10 9.5C10 9.182 9.941 8.875 9.824 8.58C9.697 8.259 9.512 7.976 9.268 7.732C9.024 7.488 8.741 7.303 8.42 7.176C8.125 7.059 7.818 7 7.5 7C7.182 7 6.875 7.059 6.58 7.176C6.259 7.303 5.976 7.488 5.732 7.732C5.488 7.976 5.303 8.259 5.176 8.58C5.059 8.875 5 9.182 5 9.5L5 12L10 12L10 9.5ZM11 13L4 13L4 14L11 14L11 13Z'/%3E%3C/svg%3E
```

### Sprite

```html
<!-- Gentleface "siren" (line-round), MIT. https://gentleface.com/icons/siren
     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#siren"/></svg>
```

### SwiftUI

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

struct SirenIcon: Shape {
    func path(in rect: CGRect) -> Path {
        var p = Path()
        p.move(to: CGPoint(x: 7.856, y: 3.856))
        p.addCurve(to: CGPoint(x: 7.5, y: 4), control1: CGPoint(x: 7.759, y: 3.952), control2: CGPoint(x: 7.641, y: 4))
        p.addCurve(to: CGPoint(x: 7.144, y: 3.856), control1: CGPoint(x: 7.359, y: 4), control2: CGPoint(x: 7.241, y: 3.952))
        p.addCurve(to: CGPoint(x: 7, y: 3.5), control1: CGPoint(x: 7.048, y: 3.759), control2: CGPoint(x: 7, y: 3.641))
        p.addLine(to: CGPoint(x: 7, y: 1.5))
        p.addCurve(to: CGPoint(x: 7.144, y: 1.144), control1: CGPoint(x: 7, y: 1.359), control2: CGPoint(x: 7.048, y: 1.241))
        p.addCurve(to: CGPoint(x: 7.5, y: 1), control1: CGPoint(x: 7.241, y: 1.048), control2: CGPoint(x: 7.359, y: 1))
        p.addCurve(to: CGPoint(x: 7.856, y: 1.144), control1: CGPoint(x: 7.641, y: 1), control2: CGPoint(x: 7.759, y: 1.048))
        p.addCurve(to: CGPoint(x: 8, y: 1.5), control1: CGPoint(x: 7.952, y: 1.241), control2: CGPoint(x: 8, y: 1.359))
        p.addLine(to: CGPoint(x: 8, y: 3.5))
        p.addCurve(to: CGPoint(x: 7.856, y: 3.856), control1: CGPoint(x: 8, y: 3.641), control2: CGPoint(x: 7.952, y: 3.759))
        p.closeSubpath()
        p.move(to: CGPoint(x: 1, y: 3.5))
        p.addCurve(to: CGPoint(x: 1.146, y: 3.146), control1: CGPoint(x: 1, y: 3.362), control2: CGPoint(x: 1.049, y: 3.244))
        p.addCurve(to: CGPoint(x: 1.5, y: 2.997), control1: CGPoint(x: 1.246, y: 3.047), control2: CGPoint(x: 1.364, y: 2.997))
        p.addCurve(to: CGPoint(x: 1.854, y: 3.146), control1: CGPoint(x: 1.636, y: 2.997), control2: CGPoint(x: 1.754, y: 3.047))
        p.addLine(to: CGPoint(x: 3.854, y: 5.146))
        p.addCurve(to: CGPoint(x: 4.003, y: 5.5), control1: CGPoint(x: 3.953, y: 5.246), control2: CGPoint(x: 4.003, y: 5.364))
        p.addCurve(to: CGPoint(x: 3.854, y: 5.854), control1: CGPoint(x: 4.003, y: 5.636), control2: CGPoint(x: 3.953, y: 5.754))
        p.addCurve(to: CGPoint(x: 3.5, y: 6), control1: CGPoint(x: 3.756, y: 5.951), control2: CGPoint(x: 3.638, y: 6))
        p.addCurve(to: CGPoint(x: 3.146, y: 5.854), control1: CGPoint(x: 3.362, y: 6), control2: CGPoint(x: 3.244, y: 5.951))
        p.addLine(to: CGPoint(x: 1.146, y: 3.854))
        p.addCurve(to: CGPoint(x: 1, y: 3.5), control1: CGPoint(x: 1.049, y: 3.756), control2: CGPoint(x: 1, y: 3.638))
        p.closeSubpath()
        p.move(to: CGPoint(x: 11.854, y: 5.854))
        p.addCurve(to: CGPoint(x: 11.5, y: 6.003), control1: CGPoint(x: 11.754, y: 5.953), control2: CGPoint(x: 11.636, y: 6.003))
        p.addCurve(to: CGPoint(x: 11.146, y: 5.854), control1: CGPoint(x: 11.364, y: 6.003), control2: CGPoint(x: 11.246, y: 5.953))
        p.addCurve(to: CGPoint(x: 11, y: 5.5), control1: CGPoint(x: 11.049, y: 5.756), control2: CGPoint(x: 11, y: 5.638))
        p.addCurve(to: CGPoint(x: 11.146, y: 5.146), control1: CGPoint(x: 11, y: 5.362), control2: CGPoint(x: 11.049, y: 5.244))
        p.addLine(to: CGPoint(x: 13.146, y: 3.146))
        p.addCurve(to: CGPoint(x: 13.5, y: 2.997), control1: CGPoint(x: 13.246, y: 3.047), control2: CGPoint(x: 13.364, y: 2.997))
        p.addCurve(to: CGPoint(x: 13.854, y: 3.146), control1: CGPoint(x: 13.636, y: 2.997), control2: CGPoint(x: 13.754, y: 3.047))
        p.addCurve(to: CGPoint(x: 14, y: 3.5), control1: CGPoint(x: 13.951, y: 3.244), control2: CGPoint(x: 14, y: 3.362))
        p.addCurve(to: CGPoint(x: 13.854, y: 3.854), control1: CGPoint(x: 14, y: 3.638), control2: CGPoint(x: 13.951, y: 3.756))
        p.addLine(to: CGPoint(x: 11.854, y: 5.854))
        p.closeSubpath()
        p.move(to: CGPoint(x: 4.246, y: 8.212))
        p.addCurve(to: CGPoint(x: 5.025, y: 7.025), control1: CGPoint(x: 4.424, y: 7.762), control2: CGPoint(x: 4.683, y: 7.367))
        p.addCurve(to: CGPoint(x: 6.212, y: 6.246), control1: CGPoint(x: 5.367, y: 6.683), control2: CGPoint(x: 5.762, y: 6.424))
        p.addCurve(to: CGPoint(x: 7.5, y: 6), control1: CGPoint(x: 6.625, y: 6.082), control2: CGPoint(x: 7.055, y: 6))
        p.addCurve(to: CGPoint(x: 8.788, y: 6.246), control1: CGPoint(x: 7.945, y: 6), control2: CGPoint(x: 8.375, y: 6.082))
        p.addCurve(to: CGPoint(x: 9.975, y: 7.025), control1: CGPoint(x: 9.238, y: 6.424), control2: CGPoint(x: 9.633, y: 6.683))
        p.addCurve(to: CGPoint(x: 10.754, y: 8.212), control1: CGPoint(x: 10.317, y: 7.367), control2: CGPoint(x: 10.576, y: 7.762))
        p.addCurve(to: CGPoint(x: 11, y: 9.5), control1: CGPoint(x: 10.918, y: 8.625), control2: CGPoint(x: 11, y: 9.055))
        p.addLine(to: CGPoint(x: 11, y: 12))
        p.addLine(to: CGPoint(x: 11.5, y: 12))
        p.addCurve(to: CGPoint(x: 11.856, y: 12.144), control1: CGPoint(x: 11.641, y: 12), control2: CGPoint(x: 11.759, y: 12.048))
        p.addCurve(to: CGPoint(x: 12, y: 12.5), control1: CGPoint(x: 11.952, y: 12.241), control2: CGPoint(x: 12, y: 12.359))
        p.addLine(to: CGPoint(x: 12, y: 14.5))
        p.addCurve(to: CGPoint(x: 11.856, y: 14.856), control1: CGPoint(x: 12, y: 14.641), control2: CGPoint(x: 11.952, y: 14.759))
        p.addCurve(to: CGPoint(x: 11.5, y: 15), control1: CGPoint(x: 11.759, y: 14.952), control2: CGPoint(x: 11.641, y: 15))
        p.addLine(to: CGPoint(x: 3.5, y: 15))
        p.addCurve(to: CGPoint(x: 3.144, y: 14.856), control1: CGPoint(x: 3.359, y: 15), control2: CGPoint(x: 3.241, y: 14.952))
        p.addCurve(to: CGPoint(x: 3, y: 14.5), control1: CGPoint(x: 3.048, y: 14.759), control2: CGPoint(x: 3, y: 14.641))
        p.addLine(to: CGPoint(x: 3, y: 12.5))
        p.addCurve(to: CGPoint(x: 3.144, y: 12.144), control1: CGPoint(x: 3, y: 12.359), control2: CGPoint(x: 3.048, y: 12.241))
        p.addCurve(to: CGPoint(x: 3.5, y: 12), control1: CGPoint(x: 3.241, y: 12.048), control2: CGPoint(x: 3.359, y: 12))
        p.addLine(to: CGPoint(x: 4, y: 12))
        p.addLine(to: CGPoint(x: 4, y: 9.5))
        p.addCurve(to: CGPoint(x: 4.246, y: 8.212), control1: CGPoint(x: 4, y: 9.055), control2: CGPoint(x: 4.082, y: 8.625))
        p.closeSubpath()
        p.move(to: CGPoint(x: 10, y: 9.5))
        p.addCurve(to: CGPoint(x: 9.824, y: 8.58), control1: CGPoint(x: 10, y: 9.182), control2: CGPoint(x: 9.941, y: 8.875))
        p.addCurve(to: CGPoint(x: 9.268, y: 7.732), control1: CGPoint(x: 9.697, y: 8.259), control2: CGPoint(x: 9.512, y: 7.976))
        p.addCurve(to: CGPoint(x: 8.42, y: 7.176), control1: CGPoint(x: 9.024, y: 7.488), control2: CGPoint(x: 8.741, y: 7.303))
        p.addCurve(to: CGPoint(x: 7.5, y: 7), control1: CGPoint(x: 8.125, y: 7.059), control2: CGPoint(x: 7.818, y: 7))
        p.addCurve(to: CGPoint(x: 6.58, y: 7.176), control1: CGPoint(x: 7.182, y: 7), control2: CGPoint(x: 6.875, y: 7.059))
        p.addCurve(to: CGPoint(x: 5.732, y: 7.732), control1: CGPoint(x: 6.259, y: 7.303), control2: CGPoint(x: 5.976, y: 7.488))
        p.addCurve(to: CGPoint(x: 5.176, y: 8.58), control1: CGPoint(x: 5.488, y: 7.976), control2: CGPoint(x: 5.303, y: 8.259))
        p.addCurve(to: CGPoint(x: 5, y: 9.5), control1: CGPoint(x: 5.059, y: 8.875), control2: CGPoint(x: 5, y: 9.182))
        p.addLine(to: CGPoint(x: 5, y: 12))
        p.addLine(to: CGPoint(x: 10, y: 12))
        p.addLine(to: CGPoint(x: 10, y: 9.5))
        p.closeSubpath()
        p.move(to: CGPoint(x: 11, y: 13))
        p.addLine(to: CGPoint(x: 4, y: 13))
        p.addLine(to: CGPoint(x: 4, y: 14))
        p.addLine(to: CGPoint(x: 11, y: 14))
        p.addLine(to: CGPoint(x: 11, y: 13))
        p.closeSubpath()
        return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16))
    }
}

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

### Compose

```kotlin
// Gentleface "siren" (line-round), MIT. https://gentleface.com/icons/siren
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 SirenIcon: ImageVector by lazy {
    ImageVector.Builder(
        name = "siren", defaultWidth = 16.dp, defaultHeight = 16.dp,
        viewportWidth = 16f, viewportHeight = 16f,
    ).addPath(
        pathData = addPathNodes("M7.856 3.856C7.759 3.952 7.641 4 7.5 4C7.359 4 7.241 3.952 7.144 3.856C7.048 3.759 7 3.641 7 3.5L7 1.5C7 1.359 7.048 1.241 7.144 1.144C7.241 1.048 7.359 1 7.5 1C7.641 1 7.759 1.048 7.856 1.144C7.952 1.241 8 1.359 8 1.5L8 3.5C8 3.641 7.952 3.759 7.856 3.856ZM1 3.5C1 3.362 1.049 3.244 1.146 3.146C1.246 3.047 1.364 2.997 1.5 2.997C1.636 2.997 1.754 3.047 1.854 3.146L3.854 5.146C3.953 5.246 4.003 5.364 4.003 5.5C4.003 5.636 3.953 5.754 3.854 5.854C3.756 5.951 3.638 6 3.5 6C3.362 6 3.244 5.951 3.146 5.854L1.146 3.854C1.049 3.756 1 3.638 1 3.5ZM11.854 5.854C11.754 5.953 11.636 6.003 11.5 6.003C11.364 6.003 11.246 5.953 11.146 5.854C11.049 5.756 11 5.638 11 5.5C11 5.362 11.049 5.244 11.146 5.146L13.146 3.146C13.246 3.047 13.364 2.997 13.5 2.997C13.636 2.997 13.754 3.047 13.854 3.146C13.951 3.244 14 3.362 14 3.5C14 3.638 13.951 3.756 13.854 3.854L11.854 5.854ZM4.246 8.212C4.424 7.762 4.683 7.367 5.025 7.025C5.367 6.683 5.762 6.424 6.212 6.246C6.625 6.082 7.055 6 7.5 6C7.945 6 8.375 6.082 8.788 6.246C9.238 6.424 9.633 6.683 9.975 7.025C10.317 7.367 10.576 7.762 10.754 8.212C10.918 8.625 11 9.055 11 9.5L11 12L11.5 12C11.641 12 11.759 12.048 11.856 12.144C11.952 12.241 12 12.359 12 12.5L12 14.5C12 14.641 11.952 14.759 11.856 14.856C11.759 14.952 11.641 15 11.5 15L3.5 15C3.359 15 3.241 14.952 3.144 14.856C3.048 14.759 3 14.641 3 14.5L3 12.5C3 12.359 3.048 12.241 3.144 12.144C3.241 12.048 3.359 12 3.5 12L4 12L4 9.5C4 9.055 4.082 8.625 4.246 8.212ZM10 9.5C10 9.182 9.941 8.875 9.824 8.58C9.697 8.259 9.512 7.976 9.268 7.732C9.024 7.488 8.741 7.303 8.42 7.176C8.125 7.059 7.818 7 7.5 7C7.182 7 6.875 7.059 6.58 7.176C6.259 7.303 5.976 7.488 5.732 7.732C5.488 7.976 5.303 8.259 5.176 8.58C5.059 8.875 5 9.182 5 9.5L5 12L10 12L10 9.5ZM11 13L4 13L4 14L11 14L11 13Z"),
        fill = SolidColor(Color.Black),
    ).build()
}

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

### Android XML

```xml
<!-- res/drawable/ic_siren.xml · Gentleface "siren" (line-round), MIT. https://gentleface.com/icons/siren -->
<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="M7.856 3.856C7.759 3.952 7.641 4 7.5 4C7.359 4 7.241 3.952 7.144 3.856C7.048 3.759 7 3.641 7 3.5L7 1.5C7 1.359 7.048 1.241 7.144 1.144C7.241 1.048 7.359 1 7.5 1C7.641 1 7.759 1.048 7.856 1.144C7.952 1.241 8 1.359 8 1.5L8 3.5C8 3.641 7.952 3.759 7.856 3.856ZM1 3.5C1 3.362 1.049 3.244 1.146 3.146C1.246 3.047 1.364 2.997 1.5 2.997C1.636 2.997 1.754 3.047 1.854 3.146L3.854 5.146C3.953 5.246 4.003 5.364 4.003 5.5C4.003 5.636 3.953 5.754 3.854 5.854C3.756 5.951 3.638 6 3.5 6C3.362 6 3.244 5.951 3.146 5.854L1.146 3.854C1.049 3.756 1 3.638 1 3.5ZM11.854 5.854C11.754 5.953 11.636 6.003 11.5 6.003C11.364 6.003 11.246 5.953 11.146 5.854C11.049 5.756 11 5.638 11 5.5C11 5.362 11.049 5.244 11.146 5.146L13.146 3.146C13.246 3.047 13.364 2.997 13.5 2.997C13.636 2.997 13.754 3.047 13.854 3.146C13.951 3.244 14 3.362 14 3.5C14 3.638 13.951 3.756 13.854 3.854L11.854 5.854ZM4.246 8.212C4.424 7.762 4.683 7.367 5.025 7.025C5.367 6.683 5.762 6.424 6.212 6.246C6.625 6.082 7.055 6 7.5 6C7.945 6 8.375 6.082 8.788 6.246C9.238 6.424 9.633 6.683 9.975 7.025C10.317 7.367 10.576 7.762 10.754 8.212C10.918 8.625 11 9.055 11 9.5L11 12L11.5 12C11.641 12 11.759 12.048 11.856 12.144C11.952 12.241 12 12.359 12 12.5L12 14.5C12 14.641 11.952 14.759 11.856 14.856C11.759 14.952 11.641 15 11.5 15L3.5 15C3.359 15 3.241 14.952 3.144 14.856C3.048 14.759 3 14.641 3 14.5L3 12.5C3 12.359 3.048 12.241 3.144 12.144C3.241 12.048 3.359 12 3.5 12L4 12L4 9.5C4 9.055 4.082 8.625 4.246 8.212ZM10 9.5C10 9.182 9.941 8.875 9.824 8.58C9.697 8.259 9.512 7.976 9.268 7.732C9.024 7.488 8.741 7.303 8.42 7.176C8.125 7.059 7.818 7 7.5 7C7.182 7 6.875 7.059 6.58 7.176C6.259 7.303 5.976 7.488 5.732 7.732C5.488 7.976 5.303 8.259 5.176 8.58C5.059 8.875 5 9.182 5 9.5L5 12L10 12L10 9.5ZM11 13L4 13L4 14L11 14L11 13Z"/>
</vector>
```

### Flutter

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

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

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

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

  @override
  void paint(Canvas canvas, Size size) {
    canvas.scale(size.width / 16, size.height / 16);
    final p = Path()
      ..moveTo(7.856, 3.856)
      ..cubicTo(7.759, 3.952, 7.641, 4, 7.5, 4)
      ..cubicTo(7.359, 4, 7.241, 3.952, 7.144, 3.856)
      ..cubicTo(7.048, 3.759, 7, 3.641, 7, 3.5)
      ..lineTo(7, 1.5)
      ..cubicTo(7, 1.359, 7.048, 1.241, 7.144, 1.144)
      ..cubicTo(7.241, 1.048, 7.359, 1, 7.5, 1)
      ..cubicTo(7.641, 1, 7.759, 1.048, 7.856, 1.144)
      ..cubicTo(7.952, 1.241, 8, 1.359, 8, 1.5)
      ..lineTo(8, 3.5)
      ..cubicTo(8, 3.641, 7.952, 3.759, 7.856, 3.856)
      ..close()
      ..moveTo(1, 3.5)
      ..cubicTo(1, 3.362, 1.049, 3.244, 1.146, 3.146)
      ..cubicTo(1.246, 3.047, 1.364, 2.997, 1.5, 2.997)
      ..cubicTo(1.636, 2.997, 1.754, 3.047, 1.854, 3.146)
      ..lineTo(3.854, 5.146)
      ..cubicTo(3.953, 5.246, 4.003, 5.364, 4.003, 5.5)
      ..cubicTo(4.003, 5.636, 3.953, 5.754, 3.854, 5.854)
      ..cubicTo(3.756, 5.951, 3.638, 6, 3.5, 6)
      ..cubicTo(3.362, 6, 3.244, 5.951, 3.146, 5.854)
      ..lineTo(1.146, 3.854)
      ..cubicTo(1.049, 3.756, 1, 3.638, 1, 3.5)
      ..close()
      ..moveTo(11.854, 5.854)
      ..cubicTo(11.754, 5.953, 11.636, 6.003, 11.5, 6.003)
      ..cubicTo(11.364, 6.003, 11.246, 5.953, 11.146, 5.854)
      ..cubicTo(11.049, 5.756, 11, 5.638, 11, 5.5)
      ..cubicTo(11, 5.362, 11.049, 5.244, 11.146, 5.146)
      ..lineTo(13.146, 3.146)
      ..cubicTo(13.246, 3.047, 13.364, 2.997, 13.5, 2.997)
      ..cubicTo(13.636, 2.997, 13.754, 3.047, 13.854, 3.146)
      ..cubicTo(13.951, 3.244, 14, 3.362, 14, 3.5)
      ..cubicTo(14, 3.638, 13.951, 3.756, 13.854, 3.854)
      ..lineTo(11.854, 5.854)
      ..close()
      ..moveTo(4.246, 8.212)
      ..cubicTo(4.424, 7.762, 4.683, 7.367, 5.025, 7.025)
      ..cubicTo(5.367, 6.683, 5.762, 6.424, 6.212, 6.246)
      ..cubicTo(6.625, 6.082, 7.055, 6, 7.5, 6)
      ..cubicTo(7.945, 6, 8.375, 6.082, 8.788, 6.246)
      ..cubicTo(9.238, 6.424, 9.633, 6.683, 9.975, 7.025)
      ..cubicTo(10.317, 7.367, 10.576, 7.762, 10.754, 8.212)
      ..cubicTo(10.918, 8.625, 11, 9.055, 11, 9.5)
      ..lineTo(11, 12)
      ..lineTo(11.5, 12)
      ..cubicTo(11.641, 12, 11.759, 12.048, 11.856, 12.144)
      ..cubicTo(11.952, 12.241, 12, 12.359, 12, 12.5)
      ..lineTo(12, 14.5)
      ..cubicTo(12, 14.641, 11.952, 14.759, 11.856, 14.856)
      ..cubicTo(11.759, 14.952, 11.641, 15, 11.5, 15)
      ..lineTo(3.5, 15)
      ..cubicTo(3.359, 15, 3.241, 14.952, 3.144, 14.856)
      ..cubicTo(3.048, 14.759, 3, 14.641, 3, 14.5)
      ..lineTo(3, 12.5)
      ..cubicTo(3, 12.359, 3.048, 12.241, 3.144, 12.144)
      ..cubicTo(3.241, 12.048, 3.359, 12, 3.5, 12)
      ..lineTo(4, 12)
      ..lineTo(4, 9.5)
      ..cubicTo(4, 9.055, 4.082, 8.625, 4.246, 8.212)
      ..close()
      ..moveTo(10, 9.5)
      ..cubicTo(10, 9.182, 9.941, 8.875, 9.824, 8.58)
      ..cubicTo(9.697, 8.259, 9.512, 7.976, 9.268, 7.732)
      ..cubicTo(9.024, 7.488, 8.741, 7.303, 8.42, 7.176)
      ..cubicTo(8.125, 7.059, 7.818, 7, 7.5, 7)
      ..cubicTo(7.182, 7, 6.875, 7.059, 6.58, 7.176)
      ..cubicTo(6.259, 7.303, 5.976, 7.488, 5.732, 7.732)
      ..cubicTo(5.488, 7.976, 5.303, 8.259, 5.176, 8.58)
      ..cubicTo(5.059, 8.875, 5, 9.182, 5, 9.5)
      ..lineTo(5, 12)
      ..lineTo(10, 12)
      ..lineTo(10, 9.5)
      ..close()
      ..moveTo(11, 13)
      ..lineTo(4, 13)
      ..lineTo(4, 14)
      ..lineTo(11, 14)
      ..lineTo(11, 13)
      ..close();
    canvas.drawPath(p, Paint()..color = color);
  }

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