megaphone b icon
megaphone-b-fill from Mage Icons by MageIcons · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- megaphone-b-fill
- Set
- Mage Icons
- Style
- Fill
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in Mage Icons
Related icons in Mage Icons
Use the megaphone b icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.87 2.822a1.7 1.7 0 0 0-.69-.64a1.85 1.85 0 0 0-.93-.18a1.77 1.77 0 0 0-.88.34a12.3 12.3 0 0 1-4.9 2.19l-5.3 1.06a2.8 2.8 0 0 0-1.56.94A2.7 2.7 0 0 0 2 8.242v4.58a2.73 2.73 0 0 0 .59 1.74c.282.354.65.63 1.07.8l1.8 4.88a2.74 2.74 0 0 0 1 1.28c.446.31.977.478 1.52.48h1.16a1.77 1.77 0 0 0 1.41-.75c.153-.228.252-.488.29-.76a1.75 1.75 0 0 0-.1-.82l-1.14-3.06a12 12 0 0 1 4.77 2.12c.257.191.562.309.88.34h.16c.265-.002.525-.067.76-.19a1.71 1.71 0 0 0 1-1.54V3.722a1.66 1.66 0 0 0-.3-.9m-3.39 10.64a1 1 0 0 1-2 0v-5.84a1 1 0 1 1 2 0zm5.04-6.31a.76.76 0 0 1-.65-.38a.74.74 0 0 1 .28-1l2.53-1.46a.74.74 0 0 1 1 .27a.75.75 0 0 1-.27 1l-2.53 1.46a.75.75 0 0 1-.36.11m2.56 9.73a.7.7 0 0 1-.37-.1l-2.53-1.46a.74.74 0 0 1-.28-1a.76.76 0 0 1 1-.28l2.53 1.47a.74.74 0 0 1 .27 1a.75.75 0 0 1-.62.37m.17-5.59h-2.92a.75.75 0 1 1 0-1.5h2.92a.75.75 0 0 1 0 1.5"/></svg>
React
import type { SVGProps } from "react";
export function MageMegaphoneBFill(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="M16.87 2.822a1.7 1.7 0 0 0-.69-.64a1.85 1.85 0 0 0-.93-.18a1.77 1.77 0 0 0-.88.34a12.3 12.3 0 0 1-4.9 2.19l-5.3 1.06a2.8 2.8 0 0 0-1.56.94A2.7 2.7 0 0 0 2 8.242v4.58a2.73 2.73 0 0 0 .59 1.74c.282.354.65.63 1.07.8l1.8 4.88a2.74 2.74 0 0 0 1 1.28c.446.31.977.478 1.52.48h1.16a1.77 1.77 0 0 0 1.41-.75c.153-.228.252-.488.29-.76a1.75 1.75 0 0 0-.1-.82l-1.14-3.06a12 12 0 0 1 4.77 2.12c.257.191.562.309.88.34h.16c.265-.002.525-.067.76-.19a1.71 1.71 0 0 0 1-1.54V3.722a1.66 1.66 0 0 0-.3-.9m-3.39 10.64a1 1 0 0 1-2 0v-5.84a1 1 0 1 1 2 0zm5.04-6.31a.76.76 0 0 1-.65-.38a.74.74 0 0 1 .28-1l2.53-1.46a.74.74 0 0 1 1 .27a.75.75 0 0 1-.27 1l-2.53 1.46a.75.75 0 0 1-.36.11m2.56 9.73a.7.7 0 0 1-.37-.1l-2.53-1.46a.74.74 0 0 1-.28-1a.76.76 0 0 1 1-.28l2.53 1.47a.74.74 0 0 1 .27 1a.75.75 0 0 1-.62.37m.17-5.59h-2.92a.75.75 0 1 1 0-1.5h2.92a.75.75 0 0 1 0 1.5"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.87 2.822a1.7 1.7 0 0 0-.69-.64a1.85 1.85 0 0 0-.93-.18a1.77 1.77 0 0 0-.88.34a12.3 12.3 0 0 1-4.9 2.19l-5.3 1.06a2.8 2.8 0 0 0-1.56.94A2.7 2.7 0 0 0 2 8.242v4.58a2.73 2.73 0 0 0 .59 1.74c.282.354.65.63 1.07.8l1.8 4.88a2.74 2.74 0 0 0 1 1.28c.446.31.977.478 1.52.48h1.16a1.77 1.77 0 0 0 1.41-.75c.153-.228.252-.488.29-.76a1.75 1.75 0 0 0-.1-.82l-1.14-3.06a12 12 0 0 1 4.77 2.12c.257.191.562.309.88.34h.16c.265-.002.525-.067.76-.19a1.71 1.71 0 0 0 1-1.54V3.722a1.66 1.66 0 0 0-.3-.9m-3.39 10.64a1 1 0 0 1-2 0v-5.84a1 1 0 1 1 2 0zm5.04-6.31a.76.76 0 0 1-.65-.38a.74.74 0 0 1 .28-1l2.53-1.46a.74.74 0 0 1 1 .27a.75.75 0 0 1-.27 1l-2.53 1.46a.75.75 0 0 1-.36.11m2.56 9.73a.7.7 0 0 1-.37-.1l-2.53-1.46a.74.74 0 0 1-.28-1a.76.76 0 0 1 1-.28l2.53 1.47a.74.74 0 0 1 .27 1a.75.75 0 0 1-.62.37m.17-5.59h-2.92a.75.75 0 1 1 0-1.5h2.92a.75.75 0 0 1 0 1.5"/></svg> </template>
CSS
.icon-megaphone-b-fill {
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%22M16.87%202.822a1.7%201.7%200%200%200-.69-.64a1.85%201.85%200%200%200-.93-.18a1.77%201.77%200%200%200-.88.34a12.3%2012.3%200%200%201-4.9%202.19l-5.3%201.06a2.8%202.8%200%200%200-1.56.94A2.7%202.7%200%200%200%202%208.242v4.58a2.73%202.73%200%200%200%20.59%201.74c.282.354.65.63%201.07.8l1.8%204.88a2.74%202.74%200%200%200%201%201.28c.446.31.977.478%201.52.48h1.16a1.77%201.77%200%200%200%201.41-.75c.153-.228.252-.488.29-.76a1.75%201.75%200%200%200-.1-.82l-1.14-3.06a12%2012%200%200%201%204.77%202.12c.257.191.562.309.88.34h.16c.265-.002.525-.067.76-.19a1.71%201.71%200%200%200%201-1.54V3.722a1.66%201.66%200%200%200-.3-.9m-3.39%2010.64a1%201%200%200%201-2%200v-5.84a1%201%200%201%201%202%200zm5.04-6.31a.76.76%200%200%201-.65-.38a.74.74%200%200%201%20.28-1l2.53-1.46a.74.74%200%200%201%201%20.27a.75.75%200%200%201-.27%201l-2.53%201.46a.75.75%200%200%201-.36.11m2.56%209.73a.7.7%200%200%201-.37-.1l-2.53-1.46a.74.74%200%200%201-.28-1a.76.76%200%200%201%201-.28l2.53%201.47a.74.74%200%200%201%20.27%201a.75.75%200%200%201-.62.37m.17-5.59h-2.92a.75.75%200%201%201%200-1.5h2.92a.75.75%200%200%201%200%201.5%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%22M16.87%202.822a1.7%201.7%200%200%200-.69-.64a1.85%201.85%200%200%200-.93-.18a1.77%201.77%200%200%200-.88.34a12.3%2012.3%200%200%201-4.9%202.19l-5.3%201.06a2.8%202.8%200%200%200-1.56.94A2.7%202.7%200%200%200%202%208.242v4.58a2.73%202.73%200%200%200%20.59%201.74c.282.354.65.63%201.07.8l1.8%204.88a2.74%202.74%200%200%200%201%201.28c.446.31.977.478%201.52.48h1.16a1.77%201.77%200%200%200%201.41-.75c.153-.228.252-.488.29-.76a1.75%201.75%200%200%200-.1-.82l-1.14-3.06a12%2012%200%200%201%204.77%202.12c.257.191.562.309.88.34h.16c.265-.002.525-.067.76-.19a1.71%201.71%200%200%200%201-1.54V3.722a1.66%201.66%200%200%200-.3-.9m-3.39%2010.64a1%201%200%200%201-2%200v-5.84a1%201%200%201%201%202%200zm5.04-6.31a.76.76%200%200%201-.65-.38a.74.74%200%200%201%20.28-1l2.53-1.46a.74.74%200%200%201%201%20.27a.75.75%200%200%201-.27%201l-2.53%201.46a.75.75%200%200%201-.36.11m2.56%209.73a.7.7%200%200%201-.37-.1l-2.53-1.46a.74.74%200%200%201-.28-1a.76.76%200%200%201%201-.28l2.53%201.47a.74.74%200%200%201%20.27%201a.75.75%200%200%201-.62.37m.17-5.59h-2.92a.75.75%200%201%201%200-1.5h2.92a.75.75%200%200%201%200%201.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mage/megaphone-b-fill.svg?color=%231a73e8&size=48
