Loudspeaker icon

fxemoji:loudspeaker

The Loudspeaker icon (fxemoji:loudspeaker) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 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: Firefox OS Emoji
Author: Mozilla
License: Apache-2.0
Size: 512 × 512
Category: Objects

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#FFD469" d="m391.765 115.993l75.102-74.385c3.189-3.158 8.463-2.639 10.975 1.08l17.325 25.649c2.386 3.533 1.177 8.355-2.594 10.344l-92.427 48.736a7.16 7.16 0 0 1-9.275-2.326a7.16 7.16 0 0 1 .894-9.098m12.42 63.879a5.697 5.697 0 0 0 6.113 4.531l82.782-7.728a5.7 5.7 0 0 0 5.053-6.817l-4.939-24.129c-.716-3.498-4.436-5.484-7.741-4.131l-77.843 31.856a5.7 5.7 0 0 0-3.425 6.418m-61.809-87.844a5.7 5.7 0 0 0 7.526-1.118l53.071-64a5.7 5.7 0 0 0-1.247-8.394L381.173 4.947c-2.98-1.967-7.015-.741-8.395 2.553L340.26 85.069a5.7 5.7 0 0 0 2.116 6.959"/><path fill="#00B1FF" d="m218.4 479.836l-15.988 9.35c-12.996 7.6-29.692 3.226-37.292-9.77l-42.39-72.487c-7.6-12.996-3.226-29.692 9.77-37.292l15.988-9.35c12.996-7.6 29.692-3.226 37.292 9.77l42.39 72.487c7.601 12.996 3.226 29.692-9.77 37.292"/><path fill="#0096D1" d="m120.402 408.701l154.911-84.34l-105.898-165.808L29.384 262.586c-.903.577-38.751 35.207 2.814 100.288s88.204 45.827 88.204 45.827"/><path fill="#727272" d="M362.532 152.23c46.335 72.548 74.407 151.142 55.022 163.522s-78.885-46.14-125.22-118.689s-74.406-151.141-55.022-163.522s78.885 46.14 125.22 118.689"/><ellipse cx="301.36" cy="191.299" fill="#B2B2B2" rx="34.502" ry="73.109" transform="rotate(-32.567 301.337 191.289)"/><path fill="#D1D1D1" d="M416.708 316.293c-16.932 10.814-74.444-48.976-120.779-121.525S219.534 44.896 236.466 34.082c.975-.623 2.069-1.034 3.264-1.261c-7.988-.183-15.814 3.983-20.445 12.839c-20.408 39.028-72.491 125.618-72.491 125.618s-25.845 34.8 19.588 105.935s89.296 62.233 89.296 62.233s99.643-10.179 143.424-12.27c10.365-.495 17.584-6.25 20.583-14.014c-.796 1.31-1.781 2.367-2.977 3.131"/><path fill="#00B1FF" d="M52.892 308.174a14.07 14.07 0 0 1-11.883-6.505c-4.187-6.556-2.267-15.264 4.289-19.451l57.911-36.986c6.555-4.186 15.264-2.267 19.451 4.289s2.267 15.264-4.289 19.451L60.46 305.958a14 14 0 0 1-7.568 2.216"/></svg>

How to use the Loudspeaker icon

React

import { Icon } from "@iconify/react";

<Icon icon="fxemoji:loudspeaker" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fxemoji:loudspeaker" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fxemoji:loudspeaker" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--loudspeaker]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:loudspeaker"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fxemoji:loudspeaker"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fxemoji/loudspeaker.svg" alt="Loudspeaker icon" width="24" height="24">

Loudspeaker icon in other icon sets

Loudspeaker icon FAQ

Is the Loudspeaker icon free for commercial use?

Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.

How do I use the Loudspeaker icon in React?

Install @iconify/react and render <Icon icon="fxemoji:loudspeaker" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Loudspeaker icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/loudspeaker.svg" alt="Loudspeaker icon">, or paste the SVG code inline to style it with CSS.

Browse all Firefox OS Emoji icons →