Announcement Megaphone icon
streamline-plump-color:announcement-megaphone
The Announcement Megaphone icon (streamline-plump-color:announcement-megaphone) is a free SVG icon from the Plump color icons set by Streamline. It is drawn on a 48 × 48 grid. Plump color icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Plump color icons
- Author
- Streamline
- License
- CC-BY-4.0
- Size
- 48 × 48
- Category
- MoneyShopping
- Tags
- announcementmegaphone
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-width="3"><path fill="#8fbffa" d="M5.382 38.052c.303.525.691 1.088 1.057 1.585c.672.914 1.83 1.29 2.932 1.016c4.709-1.177 18.047-4.672 29.123-8.46c0 0-1.342-3.606-5.281-10.211c-3.94-6.605-6.196-9.67-6.196-9.67C18.2 20.011 8.498 29.808 5.125 33.299c-.79.816-1.042 2.008-.587 3.047c.248.565.541 1.183.844 1.707Z"/><path fill="#fff" d="M31.555 34.448a258 258 0 0 0 6.938-2.255s-1.342-3.606-5.28-10.211c-3.94-6.605-6.197-9.67-6.197-9.67a261 261 0 0 0-5.497 4.95c.302.218.578.47.816.762c.896 1.1 2.593 3.384 4.913 7.401c2.892 5.01 3.934 7.833 4.22 8.704q.052.158.087.32Z"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M42.5 19h-3m-31 0h3m14-17v3M13.479 6.98l2.12 2.122M37.52 6.98l-2.122 2.122m-8.587 3.325c-8.819 7.698-18.314 17.38-21.687 20.87c-.79.817-1.042 2.008-.587 3.048c.248.565.541 1.182.844 1.707s.691 1.087 1.057 1.584c.672.915 1.83 1.291 2.932 1.016c4.709-1.177 17.842-4.558 28.918-8.346M26.046 11.099s2.397 2.621 7.166 10.882s5.841 11.647 5.841 11.647"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M21.612 17.193s2.091 2.092 5.636 8.232s4.311 8.997 4.311 8.997m-8.863 2.935l.594 2.218a4.59 4.59 0 1 1-8.87 2.376l-.494-1.848"/></g></svg>How to use the Announcement Megaphone icon
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump-color:announcement-megaphone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump-color:announcement-megaphone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump-color:announcement-megaphone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--announcement-megaphone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:announcement-megaphone"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump-color:announcement-megaphone"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/streamline-plump-color/announcement-megaphone.svg" alt="Announcement Megaphone icon" width="24" height="24">Related icons in Plump color icons
Announcement Megaphone icon in other icon sets
Announcement Megaphone icon FAQ
Is the Announcement Megaphone icon free for commercial use?
Yes. Plump color icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Announcement Megaphone icon in React?
Install @iconify/react and render <Icon icon="streamline-plump-color:announcement-megaphone" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Announcement Megaphone icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/announcement-megaphone.svg" alt="Announcement Megaphone icon">, or paste the SVG code inline to style it with CSS.