What is the megaphone icon used for?

It represents announcements, alerts, or broadcast messages, drawing attention to important information.

How do I use the megaphone icon in React?

Import it from the library like so: `import { Megaphone } from '@phosphor-icons/react'`. Then use it as a React component: ` `.

The Phosphor icon library, including the megaphone icon, is distributed under the MIT license.

Phosphor · megaphone · MIT

The Phosphor megaphone icon depicts a classic bullhorn, commonly used in user interfaces to signify announcements, alerts, or broadcast messages.

Install

npm i @phosphor-icons/react

Import & render

import { Megaphone } from '@phosphor-icons/react';

<Megaphone size={24} />

Phosphor ships this icon in 6 styles — each its own import:

regular

<Megaphone size={24} />

thin

<Megaphone size={24} weight="thin" />

light

<Megaphone size={24} weight="light" />

bold

<Megaphone size={24} weight="bold" />

fill

<Megaphone size={24} weight="fill" />

duotone

<Megaphone size={24} weight="duotone" />

Library: Phosphor (1,512 icons)
License: MIT
viewBox: 0 0 256 256
Category: communications
Keywords: bullhornannouncementsloudspeakerbroadcastcommunicationsobjectsmegaphoneannouncement

What is the megaphone icon used for?: It represents announcements, alerts, or broadcast messages, drawing attention to important information.
How do I use the megaphone icon in React?: Import it from the library like so: `import { Megaphone } from '@phosphor-icons/react'`. Then use it as a React component: `<Megaphone />`.
What is the license for the Phosphor megaphone icon?: The Phosphor icon library, including the megaphone icon, is distributed under the MIT license.

The same idea in other libraries, and near matches in Phosphor.

The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →