megaphone icon
megaphone-16 from Octicons by GitHub · 16 · MIT Free for personal and commercial use.
- Name
- megaphone-16
- Set
- Octicons
- Style
- 16
- Viewbox
- 16×16
- License
- MIT
2 other variants in Octicons
The same icon in other sets
megaphoneBootstrap IconsmegaphoneBoxIcons v2 SolidmegaphoneCodiconsmegaphoneEmoji One (Colored)megaphone-12-filledFluent UI System IconsmegaphoneFluent EmojimegaphoneFluent Emoji FlatmegaphoneFluent Emoji High ContrastmegaphoneFirefox OS EmojimegaphoneHealth IconsmegaphoneHeroIconsmegaphoneIconoirmegaphoneIonIconsmegaphoneLucidemegaphoneMajesticonsmegaphoneNoto EmojimegaphoneOpenMojimegaphonePhosphormegaphonePixelarticonsmegaphonePrime Iconsmegaphone-fillRemix IconmegaphoneTwitter EmojimegaphoneUnicons
Use the megaphone icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M3.25 9a.75.75 0 0 1 .75.75c0 2.142.456 3.828.733 4.653a.12.12 0 0 0 .05.064a.2.2 0 0 0 .117.033h1.31c.085 0 .18-.042.258-.152a.45.45 0 0 0 .075-.366A16.7 16.7 0 0 1 6 9.75a.75.75 0 0 1 1.5 0c0 1.588.25 2.926.494 3.85c.293 1.113-.504 2.4-1.783 2.4H4.9c-.686 0-1.35-.41-1.589-1.12A16.4 16.4 0 0 1 2.5 9.75A.75.75 0 0 1 3.25 9"/><path fill="currentColor" d="M0 6a4 4 0 0 1 4-4h2.75a.75.75 0 0 1 .75.75v6.5a.75.75 0 0 1-.75.75H4a4 4 0 0 1-4-4m4-2.5a2.5 2.5 0 1 0 0 5h2v-5Z"/><path fill="currentColor" d="M15.59.082A.75.75 0 0 1 16 .75v10.5a.75.75 0 0 1-1.189.608l-.002-.001h.001l-.014-.01a6 6 0 0 0-.422-.25a10.6 10.6 0 0 0-1.469-.64C11.576 10.484 9.536 10 6.75 10a.75.75 0 0 1 0-1.5c2.964 0 5.174.516 6.658 1.043c.423.151.787.302 1.092.443V2.014c-.305.14-.669.292-1.092.443C11.924 2.984 9.713 3.5 6.75 3.5a.75.75 0 0 1 0-1.5c2.786 0 4.826-.484 6.155-.957c.665-.236 1.154-.47 1.47-.64q.216-.116.421-.25l.014-.01a.75.75 0 0 1 .78-.061"/></svg>
React
import type { SVGProps } from "react";
export function OcticonMegaphone16(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M3.25 9a.75.75 0 0 1 .75.75c0 2.142.456 3.828.733 4.653a.12.12 0 0 0 .05.064a.2.2 0 0 0 .117.033h1.31c.085 0 .18-.042.258-.152a.45.45 0 0 0 .075-.366A16.7 16.7 0 0 1 6 9.75a.75.75 0 0 1 1.5 0c0 1.588.25 2.926.494 3.85c.293 1.113-.504 2.4-1.783 2.4H4.9c-.686 0-1.35-.41-1.589-1.12A16.4 16.4 0 0 1 2.5 9.75A.75.75 0 0 1 3.25 9"/><path fill="currentColor" d="M0 6a4 4 0 0 1 4-4h2.75a.75.75 0 0 1 .75.75v6.5a.75.75 0 0 1-.75.75H4a4 4 0 0 1-4-4m4-2.5a2.5 2.5 0 1 0 0 5h2v-5Z"/><path fill="currentColor" d="M15.59.082A.75.75 0 0 1 16 .75v10.5a.75.75 0 0 1-1.189.608l-.002-.001h.001l-.014-.01a6 6 0 0 0-.422-.25a10.6 10.6 0 0 0-1.469-.64C11.576 10.484 9.536 10 6.75 10a.75.75 0 0 1 0-1.5c2.964 0 5.174.516 6.658 1.043c.423.151.787.302 1.092.443V2.014c-.305.14-.669.292-1.092.443C11.924 2.984 9.713 3.5 6.75 3.5a.75.75 0 0 1 0-1.5c2.786 0 4.826-.484 6.155-.957c.665-.236 1.154-.47 1.47-.64q.216-.116.421-.25l.014-.01a.75.75 0 0 1 .78-.061"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M3.25 9a.75.75 0 0 1 .75.75c0 2.142.456 3.828.733 4.653a.12.12 0 0 0 .05.064a.2.2 0 0 0 .117.033h1.31c.085 0 .18-.042.258-.152a.45.45 0 0 0 .075-.366A16.7 16.7 0 0 1 6 9.75a.75.75 0 0 1 1.5 0c0 1.588.25 2.926.494 3.85c.293 1.113-.504 2.4-1.783 2.4H4.9c-.686 0-1.35-.41-1.589-1.12A16.4 16.4 0 0 1 2.5 9.75A.75.75 0 0 1 3.25 9"/><path fill="currentColor" d="M0 6a4 4 0 0 1 4-4h2.75a.75.75 0 0 1 .75.75v6.5a.75.75 0 0 1-.75.75H4a4 4 0 0 1-4-4m4-2.5a2.5 2.5 0 1 0 0 5h2v-5Z"/><path fill="currentColor" d="M15.59.082A.75.75 0 0 1 16 .75v10.5a.75.75 0 0 1-1.189.608l-.002-.001h.001l-.014-.01a6 6 0 0 0-.422-.25a10.6 10.6 0 0 0-1.469-.64C11.576 10.484 9.536 10 6.75 10a.75.75 0 0 1 0-1.5c2.964 0 5.174.516 6.658 1.043c.423.151.787.302 1.092.443V2.014c-.305.14-.669.292-1.092.443C11.924 2.984 9.713 3.5 6.75 3.5a.75.75 0 0 1 0-1.5c2.786 0 4.826-.484 6.155-.957c.665-.236 1.154-.47 1.47-.64q.216-.116.421-.25l.014-.01a.75.75 0 0 1 .78-.061"/></svg> </template>
CSS
.icon-megaphone-16 {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.25%209a.75.75%200%200%201%20.75.75c0%202.142.456%203.828.733%204.653a.12.12%200%200%200%20.05.064a.2.2%200%200%200%20.117.033h1.31c.085%200%20.18-.042.258-.152a.45.45%200%200%200%20.075-.366A16.7%2016.7%200%200%201%206%209.75a.75.75%200%200%201%201.5%200c0%201.588.25%202.926.494%203.85c.293%201.113-.504%202.4-1.783%202.4H4.9c-.686%200-1.35-.41-1.589-1.12A16.4%2016.4%200%200%201%202.5%209.75A.75.75%200%200%201%203.25%209%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%206a4%204%200%200%201%204-4h2.75a.75.75%200%200%201%20.75.75v6.5a.75.75%200%200%201-.75.75H4a4%204%200%200%201-4-4m4-2.5a2.5%202.5%200%201%200%200%205h2v-5Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.59.082A.75.75%200%200%201%2016%20.75v10.5a.75.75%200%200%201-1.189.608l-.002-.001h.001l-.014-.01a6%206%200%200%200-.422-.25a10.6%2010.6%200%200%200-1.469-.64C11.576%2010.484%209.536%2010%206.75%2010a.75.75%200%200%201%200-1.5c2.964%200%205.174.516%206.658%201.043c.423.151.787.302%201.092.443V2.014c-.305.14-.669.292-1.092.443C11.924%202.984%209.713%203.5%206.75%203.5a.75.75%200%200%201%200-1.5c2.786%200%204.826-.484%206.155-.957c.665-.236%201.154-.47%201.47-.64q.216-.116.421-.25l.014-.01a.75.75%200%200%201%20.78-.061%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.25%209a.75.75%200%200%201%20.75.75c0%202.142.456%203.828.733%204.653a.12.12%200%200%200%20.05.064a.2.2%200%200%200%20.117.033h1.31c.085%200%20.18-.042.258-.152a.45.45%200%200%200%20.075-.366A16.7%2016.7%200%200%201%206%209.75a.75.75%200%200%201%201.5%200c0%201.588.25%202.926.494%203.85c.293%201.113-.504%202.4-1.783%202.4H4.9c-.686%200-1.35-.41-1.589-1.12A16.4%2016.4%200%200%201%202.5%209.75A.75.75%200%200%201%203.25%209%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%206a4%204%200%200%201%204-4h2.75a.75.75%200%200%201%20.75.75v6.5a.75.75%200%200%201-.75.75H4a4%204%200%200%201-4-4m4-2.5a2.5%202.5%200%201%200%200%205h2v-5Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.59.082A.75.75%200%200%201%2016%20.75v10.5a.75.75%200%200%201-1.189.608l-.002-.001h.001l-.014-.01a6%206%200%200%200-.422-.25a10.6%2010.6%200%200%200-1.469-.64C11.576%2010.484%209.536%2010%206.75%2010a.75.75%200%200%201%200-1.5c2.964%200%205.174.516%206.658%201.043c.423.151.787.302%201.092.443V2.014c-.305.14-.669.292-1.092.443C11.924%202.984%209.713%203.5%206.75%203.5a.75.75%200%200%201%200-1.5c2.786%200%204.826-.484%206.155-.957c.665-.236%201.154-.47%201.47-.64q.216-.116.421-.25l.014-.01a.75.75%200%200%201%20.78-.061%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/octicon/megaphone-16.svg?color=%231a73e8&size=48
