Studio Microphone icon
emojione:studio-microphone
The Studio Microphone icon (emojione:studio-microphone) is a free SVG icon from the Emoji One (Colored) set by Emoji One. It is drawn on a 64 × 64 grid. Emoji One (Colored) 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
- Emoji One (Colored)
- Author
- Emoji One
- License
- CC-BY-4.0
- Size
- 64 × 64
- Category
- Objects
- Tags
- studiomicrophone
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#3e4347" d="M14 28h36v1H14z"/><path fill="#94989b" d="M46 24.5v14.7c0 10.5-6.7 14.9-14 14.9s-14-4.4-14-14.9V24.5h-2V39c0 12 7.7 17 16 17s16-5 16-17V24.5zM30 56h4v4h-4z"/><path fill="#3e4347" d="M21 25v13c0 6.2 4.8 11 11 11s11-4.8 11-11V25zm8 27h6v5h-6z"/><path fill="#94989b" d="M32 2c-6.2 0-11 3.8-11 10v13h22V12c0-6.2-4.8-10-11-10"/><path fill="#d0d0d0" d="M32 2.8c-5.7 0-10.1 3.7-10.1 9.7V25h20.2V12.5c0-6-4.4-9.7-10.1-9.7"/><path fill="#3e4347" d="M46 62H18s6.3-3 14-3s14 3 14 3"/><path fill="#b0b8b8" d="M20 25h24v7H20z"/><path fill="#3e4347" d="M19 24.5h26v2H19zm0 3h26v2H19zm0 3h26v2H19zm-6-5h2v6h-2zm36 0h2v6h-2z"/><path fill="#94989b" d="M25.3 22.5c0 .7-.6 1.2-1.3 1.2s-1.3-.5-1.3-1.1s.6-1.1 1.3-1.2c.7 0 1.3.5 1.3 1.1m5.4 0c0 .7-.6 1.3-1.3 1.3s-1.3-.6-1.4-1.3c0-.7.6-1.3 1.3-1.3s1.4.5 1.4 1.3m5.3 0c0 .7-.6 1.3-1.4 1.3c-.7 0-1.3-.6-1.3-1.3s.6-1.3 1.4-1.3c.7 0 1.3.6 1.3 1.3m5.4.1c0 .6-.6 1.1-1.3 1.1s-1.3-.5-1.3-1.2s.6-1.2 1.3-1.1s1.3.6 1.3 1.2m-16.2-6.4c0 .7-.6 1.3-1.3 1.4s-1.3-.2-1.3-.8s.6-1.3 1.3-1.5s1.3.2 1.3.9m5.4-.6c0 .7-.6 1.3-1.4 1.4c-.8 0-1.4-.5-1.4-1.2s.6-1.3 1.4-1.4s1.4.4 1.4 1.2m5.5.2c0 .7-.6 1.2-1.4 1.2s-1.4-.6-1.4-1.4c0-.7.6-1.3 1.4-1.2c.8 0 1.4.7 1.4 1.4m5.3 1c0 .6-.6 1-1.3.8c-.7-.1-1.3-.8-1.3-1.4c0-.7.6-1.1 1.3-.9s1.3.9 1.3 1.5m-13.5 2.3c0 .7-.6 1.3-1.3 1.3s-1.3-.4-1.4-1.1s.6-1.3 1.3-1.4c.8 0 1.4.5 1.4 1.2m5.5-.1c0 .7-.6 1.3-1.4 1.3c-.7 0-1.4-.6-1.4-1.3s.6-1.3 1.4-1.3s1.4.6 1.4 1.3m5.3.4c0 .7-.6 1.1-1.4 1.1c-.7 0-1.3-.6-1.3-1.3s.6-1.2 1.4-1.1c.8 0 1.4.6 1.3 1.3m-10.9-7c0 .7-.6 1.3-1.3 1.5c-.7.1-1.3-.3-1.3-.9c0-.7.6-1.4 1.3-1.6s1.3.3 1.3 1m5.6-.3c0 .7-.6 1.3-1.4 1.3s-1.4-.5-1.4-1.3c0-.7.6-1.3 1.4-1.3s1.4.6 1.4 1.3m5.4.9c0 .7-.6 1-1.3.9s-1.3-.8-1.3-1.5s.6-1.2 1.4-1c.7.2 1.3.9 1.2 1.6M25.1 9.8c0 .7-.6 1.4-1.3 1.7s-1.2.1-1.2-.6c0-.6.5-1.4 1.2-1.8c.7-.3 1.3 0 1.3.7m5.5-1.1c0 .7-.6 1.3-1.4 1.4s-1.4-.4-1.4-1c0-.7.6-1.4 1.4-1.5c.7-.2 1.4.4 1.4 1.1m5.6.3c0 .7-.6 1.1-1.4 1c-.8 0-1.4-.6-1.4-1.3s.6-1.3 1.4-1.1c.8 0 1.4.7 1.4 1.4m5.2 1.9c0 .6-.5.8-1.2.6c-.7-.3-1.3-1-1.3-1.7s.6-1 1.3-.6c.6.3 1.2 1.1 1.2 1.7M27.7 5.7c0 .7-.6 1.4-1.3 1.6s-1.3-.1-1.3-.7c0-.7.6-1.5 1.3-1.7c.7-.3 1.3.1 1.3.8m5.7-.5c0 .7-.6 1.2-1.4 1.2s-1.4-.5-1.4-1.2s.6-1.4 1.4-1.4c.8.1 1.4.7 1.4 1.4m5.5 1.4c0 .7-.6.9-1.3.7s-1.4-.9-1.3-1.6c0-.7.6-1.1 1.4-.8c.7.2 1.2 1 1.2 1.7"/></svg>How to use the Studio Microphone icon
React
import { Icon } from "@iconify/react";
<Icon icon="emojione:studio-microphone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione:studio-microphone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione:studio-microphone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione--studio-microphone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione -->
<div class="i-emojione:studio-microphone"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione:studio-microphone"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/emojione/studio-microphone.svg" alt="Studio Microphone icon" width="24" height="24">Studio Microphone icon in other icon sets
Studio Microphone icon FAQ
Is the Studio Microphone icon free for commercial use?
Yes. Emoji One (Colored) 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 Studio Microphone icon in React?
Install @iconify/react and render <Icon icon="emojione:studio-microphone" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Studio Microphone icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/emojione/studio-microphone.svg" alt="Studio Microphone icon">, or paste the SVG code inline to style it with CSS.