Megaphone Fill icon
keyline-icons:megaphone-fill
The Megaphone Fill icon (keyline-icons:megaphone-fill) is a free SVG icon from the Keyline Icons set. It is drawn on a 24 × 24 grid. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Keyline Icons
- Author
- Keyline Icons
- License
- MIT
- Size
- 24 × 24
- Tags
- megaphonefill
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M20.5605 2.0074 C20.9498 1.9771 21.3434 2.0404 21.7021 2.1939 C22.0645 2.349 22.3882 2.5957 22.624 2.9224 C22.862 3.2521 23 3.6503 23 4.0708 L23 17.4292 C22.9998 17.8496 22.862 18.2481 22.624 18.5777 C22.3882 18.9042 22.0644 19.1512 21.7021 19.3062 C21.3515 19.4562 20.9584 19.5247 20.5605 19.4917 C20.1727 19.4615 19.7915 19.3399 19.4609 19.1285 C19.4561 19.1253 19.4511 19.1219 19.4463 19.1187 C18.2398 18.3164 16.9352 17.4934 15.6035 16.9175 C15.5815 16.908 15.5594 16.8974 15.5381 16.8863 C14.4626 16.3256 13.4413 15.9996 12.5 15.9996 L11 15.9996 L11 18.9996 C10.9998 20.6562 9.6567 21.9996 8 21.9996 C6.4918 21.9996 5.6036 20.8992 5.1387 19.6646 C4.7603 18.6594 4.5762 17.3793 4.5205 15.9693 C2.5377 15.7323 1.0002 14.0462 1 11.9996 L1 9.4996 C1.0002 7.2906 2.791 5.4996 5 5.4996 L12.5 5.4996 C13.4413 5.4996 14.4627 5.1734 15.5381 4.6128 L15.6035 4.5816 C16.9351 4.0058 18.2399 3.1836 19.4463 2.3814 L19.4609 2.3716 C19.7916 2.1601 20.1726 2.0376 20.5605 2.0074 ZM9 16 L9 19 C9 19.5523 8.5523 20 8 20 C7.7084 20 7.3459 19.8502 7.0107 18.96 C6.7429 18.2484 6.5796 17.2431 6.5234 16 L9 16 Z" clip-rule="evenodd"/></svg>
How to use the Megaphone Fill icon
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:megaphone-fill" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:megaphone-fill" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:megaphone-fill" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--megaphone-fill]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:megaphone-fill"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:megaphone-fill"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/keyline-icons/megaphone-fill.svg" alt="Megaphone Fill icon" width="24" height="24">
Related icons in Keyline Icons
Megaphone Fill icon in other icon sets
Megaphone Fill icon FAQ
Is the Megaphone Fill icon free for commercial use?
Yes. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Megaphone Fill icon in React?
Install @iconify/react and render <Icon icon="keyline-icons:megaphone-fill" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Megaphone Fill icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/keyline-icons/megaphone-fill.svg" alt="Megaphone Fill icon">, or paste the SVG code inline to style it with CSS.
Browse all Keyline Icons →
ICONYZ
