Megaphone Off icon
Used to represent general announcements and news. The Megaphone Off icon is part of Microsoft's Fluent UI System Icons, available here in filled and regular (outlined) styles on a 24 px grid. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.
Use the Megaphone Off icon in React
Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.
npm install @fluentui/react-icons
import { MegaphoneOff24Regular, MegaphoneOff24Filled } from "@fluentui/react-icons";
export function Example() {
return <MegaphoneOff24Regular aria-label="Megaphone Off" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_megaphone_off_24_regular.svg" width="24" height="24" alt="Megaphone Off"> Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.28034 2.21968C2.98745 1.92678 2.51257 1.92677 2.21968 2.21966C1.92678 2.51255 1.92677 2.98743 2.21966 3.28032L6.72545 7.7862L3.60908 8.71228C2.65455 8.99594 2 9.87328 2 10.8691V13.131C2 14.1267 2.65446 15.004 3.60891 15.2877L5.999 15.9984L6 16.4992L6.0049 16.6988C6.10892 18.8152 7.8578 20.4992 10 20.4992C11.5584 20.4992 12.9378 19.6005 13.595 18.2555L18.7179 19.7789L20.7194 21.7805C21.0123 22.0734 21.4872 22.0734 21.7801 21.7805C22.073 21.4876 22.073 21.0127 21.7801 20.7198L3.28034 2.21968ZM16.4912 17.5522L4.0363 13.8499C3.71815 13.7553 3.5 13.4629 3.5 13.131V10.8691C3.5 10.5371 3.71818 10.2447 4.03636 10.1501L7.93178 8.99256L16.4912 17.5522ZM7.499 16.4444L12.1238 17.8197C11.6783 18.535 10.8852 18.9992 10 18.9992C8.61929 18.9992 7.5 17.8799 7.5 16.4992L7.499 16.4444ZM20.5 6.263V17.3183L21.815 18.6333C21.934 18.3591 22 18.0564 22 17.7384V6.263C22 6.04599 21.9686 5.83011 21.9068 5.62208C21.5528 4.43092 20.3002 3.75225 19.1091 4.10622L9.99616 6.81426L11.2025 8.02061L19.5364 5.54408C19.9334 5.42609 20.3509 5.65231 20.4689 6.04936C20.4895 6.11871 20.5 6.19066 20.5 6.263Z" fill="currentColor"/></svg>Use it from the SVG package
Microsoft's @fluentui/svg-icons package contains the raw SVG files, which works well with bundlers that import SVGs:
npm install @fluentui/svg-icons
import icon from "@fluentui/svg-icons/icons/megaphone_off_24_regular.svg";Details
| Name | Megaphone Off |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_megaphone_off_24_regular.svg |
| Filled file | ic_fluent_megaphone_off_24_filled.svg |
| React components | MegaphoneOff24Regular, MegaphoneOff24Filled |
| License | MIT (© Microsoft Corporation) |