# megaphone icon

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

- Category: Business & office
- Use it for: announcement, announce, marketing, campaign, megaphone, announcements
- Tags: megaphone, bullhorn, loudspeaker, announcement, marketing, campaign, promote, shout
- Family: megaphone-off
- Component name: MegaphoneIcon
- Added: 2026-10-14

## Alternatives

- `ad`: a paid ad or a sponsored placement

## Don't confuse with

- `bell`: bell means notifications

## Also fits

- advertisement: a marketing campaign
- broadcast: an announcement to members (megaphone owns announcement)
- email automation: a marketing campaign (megaphone owns campaign)
- mailing list: a marketing campaign or announcement (megaphone owns campaign)
- press: an announcement

## Not for

- notifications (use `bell`): an announcement or campaign, not notifications

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

The SVG of every style: https://gentleface.com/icons/megaphone.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="M13.169 12.041C12.893 12.241 12.585 12.362 12.246 12.404C11.947 12.441 11.654 12.412 11.368 12.316L8 11.194L8 12C8 12.254 7.953 12.5 7.86 12.736C7.758 12.993 7.609 13.219 7.414 13.414C7.219 13.609 6.993 13.758 6.736 13.86C6.5 13.953 6.254 14 6 14C5.746 14 5.5 13.953 5.264 13.86C5.007 13.758 4.781 13.609 4.586 13.414C4.391 13.219 4.242 12.993 4.14 12.736C4.047 12.5 4 12.254 4 12L4 9.86L2.291 9.291C1.905 9.162 1.594 8.933 1.356 8.604C1.119 8.274 1 7.906 1 7.5C1 7.094 1.119 6.726 1.356 6.396C1.594 6.067 1.905 5.838 2.291 5.709L11.368 2.684C11.654 2.588 11.947 2.559 12.246 2.596C12.585 2.638 12.893 2.759 13.169 2.959C13.446 3.158 13.658 3.412 13.805 3.72C13.935 3.992 14 4.279 14 4.581L14 10.419C14 10.721 13.935 11.008 13.805 11.28C13.658 11.588 13.446 11.842 13.169 12.041ZM11.684 11.368C11.827 11.415 11.973 11.43 12.123 11.411C12.292 11.39 12.446 11.33 12.585 11.23C12.723 11.13 12.829 11.003 12.903 10.849C12.968 10.713 13 10.57 13 10.419L13 4.581C13 4.43 12.968 4.287 12.903 4.151C12.829 3.997 12.723 3.87 12.585 3.77C12.446 3.67 12.292 3.61 12.123 3.589C11.973 3.57 11.827 3.585 11.684 3.632L2.607 6.658C2.426 6.719 2.279 6.826 2.168 6.981C2.056 7.136 2 7.309 2 7.5C2 7.691 2.056 7.864 2.168 8.019C2.279 8.174 2.426 8.281 2.607 8.342L11.684 11.368ZM5 12C5 12.276 5.098 12.512 5.293 12.707C5.488 12.902 5.724 13 6 13C6.276 13 6.512 12.902 6.707 12.707C6.902 12.512 7 12.276 7 12L7 10.86L5 10.194L5 12Z"/></svg>
```

### React

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

export function MegaphoneIcon(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="M13.169 12.041C12.893 12.241 12.585 12.362 12.246 12.404C11.947 12.441 11.654 12.412 11.368 12.316L8 11.194L8 12C8 12.254 7.953 12.5 7.86 12.736C7.758 12.993 7.609 13.219 7.414 13.414C7.219 13.609 6.993 13.758 6.736 13.86C6.5 13.953 6.254 14 6 14C5.746 14 5.5 13.953 5.264 13.86C5.007 13.758 4.781 13.609 4.586 13.414C4.391 13.219 4.242 12.993 4.14 12.736C4.047 12.5 4 12.254 4 12L4 9.86L2.291 9.291C1.905 9.162 1.594 8.933 1.356 8.604C1.119 8.274 1 7.906 1 7.5C1 7.094 1.119 6.726 1.356 6.396C1.594 6.067 1.905 5.838 2.291 5.709L11.368 2.684C11.654 2.588 11.947 2.559 12.246 2.596C12.585 2.638 12.893 2.759 13.169 2.959C13.446 3.158 13.658 3.412 13.805 3.72C13.935 3.992 14 4.279 14 4.581L14 10.419C14 10.721 13.935 11.008 13.805 11.28C13.658 11.588 13.446 11.842 13.169 12.041ZM11.684 11.368C11.827 11.415 11.973 11.43 12.123 11.411C12.292 11.39 12.446 11.33 12.585 11.23C12.723 11.13 12.829 11.003 12.903 10.849C12.968 10.713 13 10.57 13 10.419L13 4.581C13 4.43 12.968 4.287 12.903 4.151C12.829 3.997 12.723 3.87 12.585 3.77C12.446 3.67 12.292 3.61 12.123 3.589C11.973 3.57 11.827 3.585 11.684 3.632L2.607 6.658C2.426 6.719 2.279 6.826 2.168 6.981C2.056 7.136 2 7.309 2 7.5C2 7.691 2.056 7.864 2.168 8.019C2.279 8.174 2.426 8.281 2.607 8.342L11.684 11.368ZM5 12C5 12.276 5.098 12.512 5.293 12.707C5.488 12.902 5.724 13 6 13C6.276 13 6.512 12.902 6.707 12.707C6.902 12.512 7 12.276 7 12L7 10.86L5 10.194L5 12Z" />
    </svg>
  );
}
```

### Vue

```vue
<!-- Gentleface "megaphone" (line-round), MIT. https://gentleface.com/icons/megaphone -->
<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="M13.169 12.041C12.893 12.241 12.585 12.362 12.246 12.404C11.947 12.441 11.654 12.412 11.368 12.316L8 11.194L8 12C8 12.254 7.953 12.5 7.86 12.736C7.758 12.993 7.609 13.219 7.414 13.414C7.219 13.609 6.993 13.758 6.736 13.86C6.5 13.953 6.254 14 6 14C5.746 14 5.5 13.953 5.264 13.86C5.007 13.758 4.781 13.609 4.586 13.414C4.391 13.219 4.242 12.993 4.14 12.736C4.047 12.5 4 12.254 4 12L4 9.86L2.291 9.291C1.905 9.162 1.594 8.933 1.356 8.604C1.119 8.274 1 7.906 1 7.5C1 7.094 1.119 6.726 1.356 6.396C1.594 6.067 1.905 5.838 2.291 5.709L11.368 2.684C11.654 2.588 11.947 2.559 12.246 2.596C12.585 2.638 12.893 2.759 13.169 2.959C13.446 3.158 13.658 3.412 13.805 3.72C13.935 3.992 14 4.279 14 4.581L14 10.419C14 10.721 13.935 11.008 13.805 11.28C13.658 11.588 13.446 11.842 13.169 12.041ZM11.684 11.368C11.827 11.415 11.973 11.43 12.123 11.411C12.292 11.39 12.446 11.33 12.585 11.23C12.723 11.13 12.829 11.003 12.903 10.849C12.968 10.713 13 10.57 13 10.419L13 4.581C13 4.43 12.968 4.287 12.903 4.151C12.829 3.997 12.723 3.87 12.585 3.77C12.446 3.67 12.292 3.61 12.123 3.589C11.973 3.57 11.827 3.585 11.684 3.632L2.607 6.658C2.426 6.719 2.279 6.826 2.168 6.981C2.056 7.136 2 7.309 2 7.5C2 7.691 2.056 7.864 2.168 8.019C2.279 8.174 2.426 8.281 2.607 8.342L11.684 11.368ZM5 12C5 12.276 5.098 12.512 5.293 12.707C5.488 12.902 5.724 13 6 13C6.276 13 6.512 12.902 6.707 12.707C6.902 12.512 7 12.276 7 12L7 10.86L5 10.194L5 12Z" />
  </svg>
</template>
```

### Svelte

```svelte
<!-- Gentleface "megaphone" (line-round), MIT. https://gentleface.com/icons/megaphone -->
<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="M13.169 12.041C12.893 12.241 12.585 12.362 12.246 12.404C11.947 12.441 11.654 12.412 11.368 12.316L8 11.194L8 12C8 12.254 7.953 12.5 7.86 12.736C7.758 12.993 7.609 13.219 7.414 13.414C7.219 13.609 6.993 13.758 6.736 13.86C6.5 13.953 6.254 14 6 14C5.746 14 5.5 13.953 5.264 13.86C5.007 13.758 4.781 13.609 4.586 13.414C4.391 13.219 4.242 12.993 4.14 12.736C4.047 12.5 4 12.254 4 12L4 9.86L2.291 9.291C1.905 9.162 1.594 8.933 1.356 8.604C1.119 8.274 1 7.906 1 7.5C1 7.094 1.119 6.726 1.356 6.396C1.594 6.067 1.905 5.838 2.291 5.709L11.368 2.684C11.654 2.588 11.947 2.559 12.246 2.596C12.585 2.638 12.893 2.759 13.169 2.959C13.446 3.158 13.658 3.412 13.805 3.72C13.935 3.992 14 4.279 14 4.581L14 10.419C14 10.721 13.935 11.008 13.805 11.28C13.658 11.588 13.446 11.842 13.169 12.041ZM11.684 11.368C11.827 11.415 11.973 11.43 12.123 11.411C12.292 11.39 12.446 11.33 12.585 11.23C12.723 11.13 12.829 11.003 12.903 10.849C12.968 10.713 13 10.57 13 10.419L13 4.581C13 4.43 12.968 4.287 12.903 4.151C12.829 3.997 12.723 3.87 12.585 3.77C12.446 3.67 12.292 3.61 12.123 3.589C11.973 3.57 11.827 3.585 11.684 3.632L2.607 6.658C2.426 6.719 2.279 6.826 2.168 6.981C2.056 7.136 2 7.309 2 7.5C2 7.691 2.056 7.864 2.168 8.019C2.279 8.174 2.426 8.281 2.607 8.342L11.684 11.368ZM5 12C5 12.276 5.098 12.512 5.293 12.707C5.488 12.902 5.724 13 6 13C6.276 13 6.512 12.902 6.707 12.707C6.902 12.512 7 12.276 7 12L7 10.86L5 10.194L5 12Z" />
</svg>
```

### HTML img

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

### CSS

```css
/* Gentleface "megaphone" (line-round), MIT. https://gentleface.com/icons/megaphone. Takes the text color. */
.icon-megaphone {
  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='M13.169 12.041C12.893 12.241 12.585 12.362 12.246 12.404C11.947 12.441 11.654 12.412 11.368 12.316L8 11.194L8 12C8 12.254 7.953 12.5 7.86 12.736C7.758 12.993 7.609 13.219 7.414 13.414C7.219 13.609 6.993 13.758 6.736 13.86C6.5 13.953 6.254 14 6 14C5.746 14 5.5 13.953 5.264 13.86C5.007 13.758 4.781 13.609 4.586 13.414C4.391 13.219 4.242 12.993 4.14 12.736C4.047 12.5 4 12.254 4 12L4 9.86L2.291 9.291C1.905 9.162 1.594 8.933 1.356 8.604C1.119 8.274 1 7.906 1 7.5C1 7.094 1.119 6.726 1.356 6.396C1.594 6.067 1.905 5.838 2.291 5.709L11.368 2.684C11.654 2.588 11.947 2.559 12.246 2.596C12.585 2.638 12.893 2.759 13.169 2.959C13.446 3.158 13.658 3.412 13.805 3.72C13.935 3.992 14 4.279 14 4.581L14 10.419C14 10.721 13.935 11.008 13.805 11.28C13.658 11.588 13.446 11.842 13.169 12.041ZM11.684 11.368C11.827 11.415 11.973 11.43 12.123 11.411C12.292 11.39 12.446 11.33 12.585 11.23C12.723 11.13 12.829 11.003 12.903 10.849C12.968 10.713 13 10.57 13 10.419L13 4.581C13 4.43 12.968 4.287 12.903 4.151C12.829 3.997 12.723 3.87 12.585 3.77C12.446 3.67 12.292 3.61 12.123 3.589C11.973 3.57 11.827 3.585 11.684 3.632L2.607 6.658C2.426 6.719 2.279 6.826 2.168 6.981C2.056 7.136 2 7.309 2 7.5C2 7.691 2.056 7.864 2.168 8.019C2.279 8.174 2.426 8.281 2.607 8.342L11.684 11.368ZM5 12C5 12.276 5.098 12.512 5.293 12.707C5.488 12.902 5.724 13 6 13C6.276 13 6.512 12.902 6.707 12.707C6.902 12.512 7 12.276 7 12L7 10.86L5 10.194L5 12Z'/%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='M13.169 12.041C12.893 12.241 12.585 12.362 12.246 12.404C11.947 12.441 11.654 12.412 11.368 12.316L8 11.194L8 12C8 12.254 7.953 12.5 7.86 12.736C7.758 12.993 7.609 13.219 7.414 13.414C7.219 13.609 6.993 13.758 6.736 13.86C6.5 13.953 6.254 14 6 14C5.746 14 5.5 13.953 5.264 13.86C5.007 13.758 4.781 13.609 4.586 13.414C4.391 13.219 4.242 12.993 4.14 12.736C4.047 12.5 4 12.254 4 12L4 9.86L2.291 9.291C1.905 9.162 1.594 8.933 1.356 8.604C1.119 8.274 1 7.906 1 7.5C1 7.094 1.119 6.726 1.356 6.396C1.594 6.067 1.905 5.838 2.291 5.709L11.368 2.684C11.654 2.588 11.947 2.559 12.246 2.596C12.585 2.638 12.893 2.759 13.169 2.959C13.446 3.158 13.658 3.412 13.805 3.72C13.935 3.992 14 4.279 14 4.581L14 10.419C14 10.721 13.935 11.008 13.805 11.28C13.658 11.588 13.446 11.842 13.169 12.041ZM11.684 11.368C11.827 11.415 11.973 11.43 12.123 11.411C12.292 11.39 12.446 11.33 12.585 11.23C12.723 11.13 12.829 11.003 12.903 10.849C12.968 10.713 13 10.57 13 10.419L13 4.581C13 4.43 12.968 4.287 12.903 4.151C12.829 3.997 12.723 3.87 12.585 3.77C12.446 3.67 12.292 3.61 12.123 3.589C11.973 3.57 11.827 3.585 11.684 3.632L2.607 6.658C2.426 6.719 2.279 6.826 2.168 6.981C2.056 7.136 2 7.309 2 7.5C2 7.691 2.056 7.864 2.168 8.019C2.279 8.174 2.426 8.281 2.607 8.342L11.684 11.368ZM5 12C5 12.276 5.098 12.512 5.293 12.707C5.488 12.902 5.724 13 6 13C6.276 13 6.512 12.902 6.707 12.707C6.902 12.512 7 12.276 7 12L7 10.86L5 10.194L5 12Z'/%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='M13.169 12.041C12.893 12.241 12.585 12.362 12.246 12.404C11.947 12.441 11.654 12.412 11.368 12.316L8 11.194L8 12C8 12.254 7.953 12.5 7.86 12.736C7.758 12.993 7.609 13.219 7.414 13.414C7.219 13.609 6.993 13.758 6.736 13.86C6.5 13.953 6.254 14 6 14C5.746 14 5.5 13.953 5.264 13.86C5.007 13.758 4.781 13.609 4.586 13.414C4.391 13.219 4.242 12.993 4.14 12.736C4.047 12.5 4 12.254 4 12L4 9.86L2.291 9.291C1.905 9.162 1.594 8.933 1.356 8.604C1.119 8.274 1 7.906 1 7.5C1 7.094 1.119 6.726 1.356 6.396C1.594 6.067 1.905 5.838 2.291 5.709L11.368 2.684C11.654 2.588 11.947 2.559 12.246 2.596C12.585 2.638 12.893 2.759 13.169 2.959C13.446 3.158 13.658 3.412 13.805 3.72C13.935 3.992 14 4.279 14 4.581L14 10.419C14 10.721 13.935 11.008 13.805 11.28C13.658 11.588 13.446 11.842 13.169 12.041ZM11.684 11.368C11.827 11.415 11.973 11.43 12.123 11.411C12.292 11.39 12.446 11.33 12.585 11.23C12.723 11.13 12.829 11.003 12.903 10.849C12.968 10.713 13 10.57 13 10.419L13 4.581C13 4.43 12.968 4.287 12.903 4.151C12.829 3.997 12.723 3.87 12.585 3.77C12.446 3.67 12.292 3.61 12.123 3.589C11.973 3.57 11.827 3.585 11.684 3.632L2.607 6.658C2.426 6.719 2.279 6.826 2.168 6.981C2.056 7.136 2 7.309 2 7.5C2 7.691 2.056 7.864 2.168 8.019C2.279 8.174 2.426 8.281 2.607 8.342L11.684 11.368ZM5 12C5 12.276 5.098 12.512 5.293 12.707C5.488 12.902 5.724 13 6 13C6.276 13 6.512 12.902 6.707 12.707C6.902 12.512 7 12.276 7 12L7 10.86L5 10.194L5 12Z'/%3E%3C/svg%3E
```

### Sprite

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

### SwiftUI

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

struct MegaphoneIcon: Shape {
    func path(in rect: CGRect) -> Path {
        var p = Path()
        p.move(to: CGPoint(x: 13.169, y: 12.041))
        p.addCurve(to: CGPoint(x: 12.246, y: 12.404), control1: CGPoint(x: 12.893, y: 12.241), control2: CGPoint(x: 12.585, y: 12.362))
        p.addCurve(to: CGPoint(x: 11.368, y: 12.316), control1: CGPoint(x: 11.947, y: 12.441), control2: CGPoint(x: 11.654, y: 12.412))
        p.addLine(to: CGPoint(x: 8, y: 11.194))
        p.addLine(to: CGPoint(x: 8, y: 12))
        p.addCurve(to: CGPoint(x: 7.86, y: 12.736), control1: CGPoint(x: 8, y: 12.254), control2: CGPoint(x: 7.953, y: 12.5))
        p.addCurve(to: CGPoint(x: 7.414, y: 13.414), control1: CGPoint(x: 7.758, y: 12.993), control2: CGPoint(x: 7.609, y: 13.219))
        p.addCurve(to: CGPoint(x: 6.736, y: 13.86), control1: CGPoint(x: 7.219, y: 13.609), control2: CGPoint(x: 6.993, y: 13.758))
        p.addCurve(to: CGPoint(x: 6, y: 14), control1: CGPoint(x: 6.5, y: 13.953), control2: CGPoint(x: 6.254, y: 14))
        p.addCurve(to: CGPoint(x: 5.264, y: 13.86), control1: CGPoint(x: 5.746, y: 14), control2: CGPoint(x: 5.5, y: 13.953))
        p.addCurve(to: CGPoint(x: 4.586, y: 13.414), control1: CGPoint(x: 5.007, y: 13.758), control2: CGPoint(x: 4.781, y: 13.609))
        p.addCurve(to: CGPoint(x: 4.14, y: 12.736), control1: CGPoint(x: 4.391, y: 13.219), control2: CGPoint(x: 4.242, y: 12.993))
        p.addCurve(to: CGPoint(x: 4, y: 12), control1: CGPoint(x: 4.047, y: 12.5), control2: CGPoint(x: 4, y: 12.254))
        p.addLine(to: CGPoint(x: 4, y: 9.86))
        p.addLine(to: CGPoint(x: 2.291, y: 9.291))
        p.addCurve(to: CGPoint(x: 1.356, y: 8.604), control1: CGPoint(x: 1.905, y: 9.162), control2: CGPoint(x: 1.594, y: 8.933))
        p.addCurve(to: CGPoint(x: 1, y: 7.5), control1: CGPoint(x: 1.119, y: 8.274), control2: CGPoint(x: 1, y: 7.906))
        p.addCurve(to: CGPoint(x: 1.356, y: 6.396), control1: CGPoint(x: 1, y: 7.094), control2: CGPoint(x: 1.119, y: 6.726))
        p.addCurve(to: CGPoint(x: 2.291, y: 5.709), control1: CGPoint(x: 1.594, y: 6.067), control2: CGPoint(x: 1.905, y: 5.838))
        p.addLine(to: CGPoint(x: 11.368, y: 2.684))
        p.addCurve(to: CGPoint(x: 12.246, y: 2.596), control1: CGPoint(x: 11.654, y: 2.588), control2: CGPoint(x: 11.947, y: 2.559))
        p.addCurve(to: CGPoint(x: 13.169, y: 2.959), control1: CGPoint(x: 12.585, y: 2.638), control2: CGPoint(x: 12.893, y: 2.759))
        p.addCurve(to: CGPoint(x: 13.805, y: 3.72), control1: CGPoint(x: 13.446, y: 3.158), control2: CGPoint(x: 13.658, y: 3.412))
        p.addCurve(to: CGPoint(x: 14, y: 4.581), control1: CGPoint(x: 13.935, y: 3.992), control2: CGPoint(x: 14, y: 4.279))
        p.addLine(to: CGPoint(x: 14, y: 10.419))
        p.addCurve(to: CGPoint(x: 13.805, y: 11.28), control1: CGPoint(x: 14, y: 10.721), control2: CGPoint(x: 13.935, y: 11.008))
        p.addCurve(to: CGPoint(x: 13.169, y: 12.041), control1: CGPoint(x: 13.658, y: 11.588), control2: CGPoint(x: 13.446, y: 11.842))
        p.closeSubpath()
        p.move(to: CGPoint(x: 11.684, y: 11.368))
        p.addCurve(to: CGPoint(x: 12.123, y: 11.411), control1: CGPoint(x: 11.827, y: 11.415), control2: CGPoint(x: 11.973, y: 11.43))
        p.addCurve(to: CGPoint(x: 12.585, y: 11.23), control1: CGPoint(x: 12.292, y: 11.39), control2: CGPoint(x: 12.446, y: 11.33))
        p.addCurve(to: CGPoint(x: 12.903, y: 10.849), control1: CGPoint(x: 12.723, y: 11.13), control2: CGPoint(x: 12.829, y: 11.003))
        p.addCurve(to: CGPoint(x: 13, y: 10.419), control1: CGPoint(x: 12.968, y: 10.713), control2: CGPoint(x: 13, y: 10.57))
        p.addLine(to: CGPoint(x: 13, y: 4.581))
        p.addCurve(to: CGPoint(x: 12.903, y: 4.151), control1: CGPoint(x: 13, y: 4.43), control2: CGPoint(x: 12.968, y: 4.287))
        p.addCurve(to: CGPoint(x: 12.585, y: 3.77), control1: CGPoint(x: 12.829, y: 3.997), control2: CGPoint(x: 12.723, y: 3.87))
        p.addCurve(to: CGPoint(x: 12.123, y: 3.589), control1: CGPoint(x: 12.446, y: 3.67), control2: CGPoint(x: 12.292, y: 3.61))
        p.addCurve(to: CGPoint(x: 11.684, y: 3.632), control1: CGPoint(x: 11.973, y: 3.57), control2: CGPoint(x: 11.827, y: 3.585))
        p.addLine(to: CGPoint(x: 2.607, y: 6.658))
        p.addCurve(to: CGPoint(x: 2.168, y: 6.981), control1: CGPoint(x: 2.426, y: 6.719), control2: CGPoint(x: 2.279, y: 6.826))
        p.addCurve(to: CGPoint(x: 2, y: 7.5), control1: CGPoint(x: 2.056, y: 7.136), control2: CGPoint(x: 2, y: 7.309))
        p.addCurve(to: CGPoint(x: 2.168, y: 8.019), control1: CGPoint(x: 2, y: 7.691), control2: CGPoint(x: 2.056, y: 7.864))
        p.addCurve(to: CGPoint(x: 2.607, y: 8.342), control1: CGPoint(x: 2.279, y: 8.174), control2: CGPoint(x: 2.426, y: 8.281))
        p.addLine(to: CGPoint(x: 11.684, y: 11.368))
        p.closeSubpath()
        p.move(to: CGPoint(x: 5, y: 12))
        p.addCurve(to: CGPoint(x: 5.293, y: 12.707), control1: CGPoint(x: 5, y: 12.276), control2: CGPoint(x: 5.098, y: 12.512))
        p.addCurve(to: CGPoint(x: 6, y: 13), control1: CGPoint(x: 5.488, y: 12.902), control2: CGPoint(x: 5.724, y: 13))
        p.addCurve(to: CGPoint(x: 6.707, y: 12.707), control1: CGPoint(x: 6.276, y: 13), control2: CGPoint(x: 6.512, y: 12.902))
        p.addCurve(to: CGPoint(x: 7, y: 12), control1: CGPoint(x: 6.902, y: 12.512), control2: CGPoint(x: 7, y: 12.276))
        p.addLine(to: CGPoint(x: 7, y: 10.86))
        p.addLine(to: CGPoint(x: 5, y: 10.194))
        p.addLine(to: CGPoint(x: 5, y: 12))
        p.closeSubpath()
        return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16))
    }
}

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

### Compose

```kotlin
// Gentleface "megaphone" (line-round), MIT. https://gentleface.com/icons/megaphone
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 MegaphoneIcon: ImageVector by lazy {
    ImageVector.Builder(
        name = "megaphone", defaultWidth = 16.dp, defaultHeight = 16.dp,
        viewportWidth = 16f, viewportHeight = 16f,
    ).addPath(
        pathData = addPathNodes("M13.169 12.041C12.893 12.241 12.585 12.362 12.246 12.404C11.947 12.441 11.654 12.412 11.368 12.316L8 11.194L8 12C8 12.254 7.953 12.5 7.86 12.736C7.758 12.993 7.609 13.219 7.414 13.414C7.219 13.609 6.993 13.758 6.736 13.86C6.5 13.953 6.254 14 6 14C5.746 14 5.5 13.953 5.264 13.86C5.007 13.758 4.781 13.609 4.586 13.414C4.391 13.219 4.242 12.993 4.14 12.736C4.047 12.5 4 12.254 4 12L4 9.86L2.291 9.291C1.905 9.162 1.594 8.933 1.356 8.604C1.119 8.274 1 7.906 1 7.5C1 7.094 1.119 6.726 1.356 6.396C1.594 6.067 1.905 5.838 2.291 5.709L11.368 2.684C11.654 2.588 11.947 2.559 12.246 2.596C12.585 2.638 12.893 2.759 13.169 2.959C13.446 3.158 13.658 3.412 13.805 3.72C13.935 3.992 14 4.279 14 4.581L14 10.419C14 10.721 13.935 11.008 13.805 11.28C13.658 11.588 13.446 11.842 13.169 12.041ZM11.684 11.368C11.827 11.415 11.973 11.43 12.123 11.411C12.292 11.39 12.446 11.33 12.585 11.23C12.723 11.13 12.829 11.003 12.903 10.849C12.968 10.713 13 10.57 13 10.419L13 4.581C13 4.43 12.968 4.287 12.903 4.151C12.829 3.997 12.723 3.87 12.585 3.77C12.446 3.67 12.292 3.61 12.123 3.589C11.973 3.57 11.827 3.585 11.684 3.632L2.607 6.658C2.426 6.719 2.279 6.826 2.168 6.981C2.056 7.136 2 7.309 2 7.5C2 7.691 2.056 7.864 2.168 8.019C2.279 8.174 2.426 8.281 2.607 8.342L11.684 11.368ZM5 12C5 12.276 5.098 12.512 5.293 12.707C5.488 12.902 5.724 13 6 13C6.276 13 6.512 12.902 6.707 12.707C6.902 12.512 7 12.276 7 12L7 10.86L5 10.194L5 12Z"),
        fill = SolidColor(Color.Black),
    ).build()
}

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

### Android XML

```xml
<!-- res/drawable/ic_megaphone.xml · Gentleface "megaphone" (line-round), MIT. https://gentleface.com/icons/megaphone -->
<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="M13.169 12.041C12.893 12.241 12.585 12.362 12.246 12.404C11.947 12.441 11.654 12.412 11.368 12.316L8 11.194L8 12C8 12.254 7.953 12.5 7.86 12.736C7.758 12.993 7.609 13.219 7.414 13.414C7.219 13.609 6.993 13.758 6.736 13.86C6.5 13.953 6.254 14 6 14C5.746 14 5.5 13.953 5.264 13.86C5.007 13.758 4.781 13.609 4.586 13.414C4.391 13.219 4.242 12.993 4.14 12.736C4.047 12.5 4 12.254 4 12L4 9.86L2.291 9.291C1.905 9.162 1.594 8.933 1.356 8.604C1.119 8.274 1 7.906 1 7.5C1 7.094 1.119 6.726 1.356 6.396C1.594 6.067 1.905 5.838 2.291 5.709L11.368 2.684C11.654 2.588 11.947 2.559 12.246 2.596C12.585 2.638 12.893 2.759 13.169 2.959C13.446 3.158 13.658 3.412 13.805 3.72C13.935 3.992 14 4.279 14 4.581L14 10.419C14 10.721 13.935 11.008 13.805 11.28C13.658 11.588 13.446 11.842 13.169 12.041ZM11.684 11.368C11.827 11.415 11.973 11.43 12.123 11.411C12.292 11.39 12.446 11.33 12.585 11.23C12.723 11.13 12.829 11.003 12.903 10.849C12.968 10.713 13 10.57 13 10.419L13 4.581C13 4.43 12.968 4.287 12.903 4.151C12.829 3.997 12.723 3.87 12.585 3.77C12.446 3.67 12.292 3.61 12.123 3.589C11.973 3.57 11.827 3.585 11.684 3.632L2.607 6.658C2.426 6.719 2.279 6.826 2.168 6.981C2.056 7.136 2 7.309 2 7.5C2 7.691 2.056 7.864 2.168 8.019C2.279 8.174 2.426 8.281 2.607 8.342L11.684 11.368ZM5 12C5 12.276 5.098 12.512 5.293 12.707C5.488 12.902 5.724 13 6 13C6.276 13 6.512 12.902 6.707 12.707C6.902 12.512 7 12.276 7 12L7 10.86L5 10.194L5 12Z"/>
</vector>
```

### Flutter

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

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

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

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

  @override
  void paint(Canvas canvas, Size size) {
    canvas.scale(size.width / 16, size.height / 16);
    final p = Path()
      ..moveTo(13.169, 12.041)
      ..cubicTo(12.893, 12.241, 12.585, 12.362, 12.246, 12.404)
      ..cubicTo(11.947, 12.441, 11.654, 12.412, 11.368, 12.316)
      ..lineTo(8, 11.194)
      ..lineTo(8, 12)
      ..cubicTo(8, 12.254, 7.953, 12.5, 7.86, 12.736)
      ..cubicTo(7.758, 12.993, 7.609, 13.219, 7.414, 13.414)
      ..cubicTo(7.219, 13.609, 6.993, 13.758, 6.736, 13.86)
      ..cubicTo(6.5, 13.953, 6.254, 14, 6, 14)
      ..cubicTo(5.746, 14, 5.5, 13.953, 5.264, 13.86)
      ..cubicTo(5.007, 13.758, 4.781, 13.609, 4.586, 13.414)
      ..cubicTo(4.391, 13.219, 4.242, 12.993, 4.14, 12.736)
      ..cubicTo(4.047, 12.5, 4, 12.254, 4, 12)
      ..lineTo(4, 9.86)
      ..lineTo(2.291, 9.291)
      ..cubicTo(1.905, 9.162, 1.594, 8.933, 1.356, 8.604)
      ..cubicTo(1.119, 8.274, 1, 7.906, 1, 7.5)
      ..cubicTo(1, 7.094, 1.119, 6.726, 1.356, 6.396)
      ..cubicTo(1.594, 6.067, 1.905, 5.838, 2.291, 5.709)
      ..lineTo(11.368, 2.684)
      ..cubicTo(11.654, 2.588, 11.947, 2.559, 12.246, 2.596)
      ..cubicTo(12.585, 2.638, 12.893, 2.759, 13.169, 2.959)
      ..cubicTo(13.446, 3.158, 13.658, 3.412, 13.805, 3.72)
      ..cubicTo(13.935, 3.992, 14, 4.279, 14, 4.581)
      ..lineTo(14, 10.419)
      ..cubicTo(14, 10.721, 13.935, 11.008, 13.805, 11.28)
      ..cubicTo(13.658, 11.588, 13.446, 11.842, 13.169, 12.041)
      ..close()
      ..moveTo(11.684, 11.368)
      ..cubicTo(11.827, 11.415, 11.973, 11.43, 12.123, 11.411)
      ..cubicTo(12.292, 11.39, 12.446, 11.33, 12.585, 11.23)
      ..cubicTo(12.723, 11.13, 12.829, 11.003, 12.903, 10.849)
      ..cubicTo(12.968, 10.713, 13, 10.57, 13, 10.419)
      ..lineTo(13, 4.581)
      ..cubicTo(13, 4.43, 12.968, 4.287, 12.903, 4.151)
      ..cubicTo(12.829, 3.997, 12.723, 3.87, 12.585, 3.77)
      ..cubicTo(12.446, 3.67, 12.292, 3.61, 12.123, 3.589)
      ..cubicTo(11.973, 3.57, 11.827, 3.585, 11.684, 3.632)
      ..lineTo(2.607, 6.658)
      ..cubicTo(2.426, 6.719, 2.279, 6.826, 2.168, 6.981)
      ..cubicTo(2.056, 7.136, 2, 7.309, 2, 7.5)
      ..cubicTo(2, 7.691, 2.056, 7.864, 2.168, 8.019)
      ..cubicTo(2.279, 8.174, 2.426, 8.281, 2.607, 8.342)
      ..lineTo(11.684, 11.368)
      ..close()
      ..moveTo(5, 12)
      ..cubicTo(5, 12.276, 5.098, 12.512, 5.293, 12.707)
      ..cubicTo(5.488, 12.902, 5.724, 13, 6, 13)
      ..cubicTo(6.276, 13, 6.512, 12.902, 6.707, 12.707)
      ..cubicTo(6.902, 12.512, 7, 12.276, 7, 12)
      ..lineTo(7, 10.86)
      ..lineTo(5, 10.194)
      ..lineTo(5, 12)
      ..close();
    canvas.drawPath(p, Paint()..color = color);
  }

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