megaphone icon
megaphone-24 from Octicons by GitHub · 24 · MIT Free for personal and commercial use.
- Name
- megaphone-24
- Set
- Octicons
- Style
- 24
- Viewbox
- 24×24
- 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 24 24"><path fill="currentColor" d="M22 1.75v14.5a.75.75 0 0 1-.399.662c-.384.204-.783-.035-1.139-.248l-.003-.002c-.09-.054-.177-.107-.261-.15a15.5 15.5 0 0 0-2-.849c-1.738-.607-4.321-1.223-7.703-1.251l.005.088c0 2.279.494 4.279.906 5.547c.368 1.131-.438 2.453-1.732 2.453H7.661c-.696 0-1.36-.42-1.6-1.129C5.684 20.255 5 17.811 5 14.75v-.457A5.5 5.5 0 0 1 6.5 3.5h3.75c3.505 0 6.175-.61 7.955-1.21a16 16 0 0 0 2.002-.82a9 9 0 0 0 .49-.262q.072-.041.142-.085A.751.751 0 0 1 22 1.75M10.5 12.912c3.564.029 6.313.678 8.193 1.335c.737.258 1.34.517 1.807.74V2.993c-.467.216-1.073.467-1.815.718c-1.878.634-4.624 1.26-8.185 1.288ZM6.5 5a4 4 0 0 0 0 8H9V5Zm0 9.75c0 2.847.638 5.123.982 6.141c.018.051.074.109.179.109h2.013c.087 0 .179-.043.249-.147a.4.4 0 0 0 .057-.343C9.537 19.148 9 16.986 9 14.5H6.5Z"/></svg>
React
import type { SVGProps } from "react";
export function OcticonMegaphone24(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M22 1.75v14.5a.75.75 0 0 1-.399.662c-.384.204-.783-.035-1.139-.248l-.003-.002c-.09-.054-.177-.107-.261-.15a15.5 15.5 0 0 0-2-.849c-1.738-.607-4.321-1.223-7.703-1.251l.005.088c0 2.279.494 4.279.906 5.547c.368 1.131-.438 2.453-1.732 2.453H7.661c-.696 0-1.36-.42-1.6-1.129C5.684 20.255 5 17.811 5 14.75v-.457A5.5 5.5 0 0 1 6.5 3.5h3.75c3.505 0 6.175-.61 7.955-1.21a16 16 0 0 0 2.002-.82a9 9 0 0 0 .49-.262q.072-.041.142-.085A.751.751 0 0 1 22 1.75M10.5 12.912c3.564.029 6.313.678 8.193 1.335c.737.258 1.34.517 1.807.74V2.993c-.467.216-1.073.467-1.815.718c-1.878.634-4.624 1.26-8.185 1.288ZM6.5 5a4 4 0 0 0 0 8H9V5Zm0 9.75c0 2.847.638 5.123.982 6.141c.018.051.074.109.179.109h2.013c.087 0 .179-.043.249-.147a.4.4 0 0 0 .057-.343C9.537 19.148 9 16.986 9 14.5H6.5Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M22 1.75v14.5a.75.75 0 0 1-.399.662c-.384.204-.783-.035-1.139-.248l-.003-.002c-.09-.054-.177-.107-.261-.15a15.5 15.5 0 0 0-2-.849c-1.738-.607-4.321-1.223-7.703-1.251l.005.088c0 2.279.494 4.279.906 5.547c.368 1.131-.438 2.453-1.732 2.453H7.661c-.696 0-1.36-.42-1.6-1.129C5.684 20.255 5 17.811 5 14.75v-.457A5.5 5.5 0 0 1 6.5 3.5h3.75c3.505 0 6.175-.61 7.955-1.21a16 16 0 0 0 2.002-.82a9 9 0 0 0 .49-.262q.072-.041.142-.085A.751.751 0 0 1 22 1.75M10.5 12.912c3.564.029 6.313.678 8.193 1.335c.737.258 1.34.517 1.807.74V2.993c-.467.216-1.073.467-1.815.718c-1.878.634-4.624 1.26-8.185 1.288ZM6.5 5a4 4 0 0 0 0 8H9V5Zm0 9.75c0 2.847.638 5.123.982 6.141c.018.051.074.109.179.109h2.013c.087 0 .179-.043.249-.147a.4.4 0 0 0 .057-.343C9.537 19.148 9 16.986 9 14.5H6.5Z"/></svg> </template>
CSS
.icon-megaphone-24 {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M22%201.75v14.5a.75.75%200%200%201-.399.662c-.384.204-.783-.035-1.139-.248l-.003-.002c-.09-.054-.177-.107-.261-.15a15.5%2015.5%200%200%200-2-.849c-1.738-.607-4.321-1.223-7.703-1.251l.005.088c0%202.279.494%204.279.906%205.547c.368%201.131-.438%202.453-1.732%202.453H7.661c-.696%200-1.36-.42-1.6-1.129C5.684%2020.255%205%2017.811%205%2014.75v-.457A5.5%205.5%200%200%201%206.5%203.5h3.75c3.505%200%206.175-.61%207.955-1.21a16%2016%200%200%200%202.002-.82a9%209%200%200%200%20.49-.262q.072-.041.142-.085A.751.751%200%200%201%2022%201.75M10.5%2012.912c3.564.029%206.313.678%208.193%201.335c.737.258%201.34.517%201.807.74V2.993c-.467.216-1.073.467-1.815.718c-1.878.634-4.624%201.26-8.185%201.288ZM6.5%205a4%204%200%200%200%200%208H9V5Zm0%209.75c0%202.847.638%205.123.982%206.141c.018.051.074.109.179.109h2.013c.087%200%20.179-.043.249-.147a.4.4%200%200%200%20.057-.343C9.537%2019.148%209%2016.986%209%2014.5H6.5Z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M22%201.75v14.5a.75.75%200%200%201-.399.662c-.384.204-.783-.035-1.139-.248l-.003-.002c-.09-.054-.177-.107-.261-.15a15.5%2015.5%200%200%200-2-.849c-1.738-.607-4.321-1.223-7.703-1.251l.005.088c0%202.279.494%204.279.906%205.547c.368%201.131-.438%202.453-1.732%202.453H7.661c-.696%200-1.36-.42-1.6-1.129C5.684%2020.255%205%2017.811%205%2014.75v-.457A5.5%205.5%200%200%201%206.5%203.5h3.75c3.505%200%206.175-.61%207.955-1.21a16%2016%200%200%200%202.002-.82a9%209%200%200%200%20.49-.262q.072-.041.142-.085A.751.751%200%200%201%2022%201.75M10.5%2012.912c3.564.029%206.313.678%208.193%201.335c.737.258%201.34.517%201.807.74V2.993c-.467.216-1.073.467-1.815.718c-1.878.634-4.624%201.26-8.185%201.288ZM6.5%205a4%204%200%200%200%200%208H9V5Zm0%209.75c0%202.847.638%205.123.982%206.141c.018.051.074.109.179.109h2.013c.087%200%20.179-.043.249-.147a.4.4%200%200%200%20.057-.343C9.537%2019.148%209%2016.986%209%2014.5H6.5Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/octicon/megaphone-24.svg?color=%231a73e8&size=48
