Amplifier icon
mdi:amplifier
The Amplifier icon (mdi:amplifier) is a free SVG icon from the Material Design Icons set by Pictogrammers. It is drawn on a 24 × 24 grid. Material Design 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
- Material Design Icons
- Author
- Pictogrammers
- License
- Apache-2.0
- Size
- 24 × 24
- Category
- Music, Home Automation
- Tags
- home automation, music
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10 2h4a1 1 0 0 1 1 1h6v18h-2a1 1 0 0 1-1 1a1 1 0 0 1-1-1H7a1 1 0 0 1-1 1a1 1 0 0 1-1-1H3V3h6a1 1 0 0 1 1-1M5 5v4h14V5zm2 1a1 1 0 0 1 1 1a1 1 0 0 1-1 1a1 1 0 0 1-1-1a1 1 0 0 1 1-1m5 0h2v1h-2zm3 0h1v2h-1zm2 0h1v2h-1zm-5 5a4 4 0 0 0-4 4a4 4 0 0 0 4 4a4 4 0 0 0 4-4a4 4 0 0 0-4-4m-2-5a1 1 0 0 1 1 1a1 1 0 0 1-1 1a1 1 0 0 1-1-1a1 1 0 0 1 1-1"/></svg>How to use the Amplifier icon
React
import { Icon } from "@iconify/react";
<Icon icon="mdi:amplifier" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mdi:amplifier" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mdi:amplifier" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mdi--amplifier]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mdi -->
<div class="i-mdi:amplifier"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mdi:amplifier"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/mdi/amplifier.svg" alt="Amplifier icon" width="24" height="24">Related icons in Material Design Icons
Amplifier icon in other icon sets
Amplifier icon FAQ
Is the Amplifier icon free for commercial use?
Yes. Material Design Icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Amplifier icon in React?
Install @iconify/react and render <Icon icon="mdi:amplifier" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Amplifier icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/mdi/amplifier.svg" alt="Amplifier icon">, or paste the SVG code inline to style it with CSS.