Gentleface › Business & office › megaphone

megaphone icon

Megaphone: announcement, announce, marketing, campaign. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="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

// 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: see /icons/megaphone.md

Svelte

Svelte: see /icons/megaphone.md

HTML img

HTML img: see /icons/megaphone.md

CSS

CSS: see /icons/megaphone.md

Data URL

Data URL: see /icons/megaphone.md

Sprite

Sprite: see /icons/megaphone.md

SwiftUI

SwiftUI: see /icons/megaphone.md

Compose

Compose: see /icons/megaphone.md

Android XML

Android XML: see /icons/megaphone.md

Flutter

Flutter: see /icons/megaphone.md

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

Meaning

Use it for

announcement, announce, marketing, campaign, megaphone, announcements

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

Tags

megaphone, bullhorn, loudspeaker, announcement, marketing, campaign, promote, shout

Category

Business & office

Component name

MegaphoneIcon

History

2026-10-14 added

Family 1

megaphone-off

More business & office icons

ad ad-off award briefcase briefcase-clock briefcase-off briefcase-plus calculator certificate copyleft crown gavel handshake hierarchy hierarchy-square lectern · all business & office icons

For agents

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

megaphone icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp