Mic icon
vs:mic
The Mic icon (vs:mic) is a free SVG icon from the Vesper Icons set by TableCheck. It is drawn on a 1536 × 1792 grid. Vesper Icons are released under the Open Font 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
- Vesper Icons
- Author
- TableCheck
- License
- OFL-1.1
- Size
- 1536 × 1792
- Tags
- microphone
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1536" height="1792" viewBox="0 0 1536 1792"><path fill="currentColor" d="M816 516q-94 54-261.5 150.5T293 818Q177 782 99 688l-11 7q-12 7-26 3.5T40 683L7 626q-7-12-3-27t16-23l11-6q-53-138-2.5-280.5T210 72Q343-4 490 23t241 142l11-7q14-7 28-2.5t22 16.5l32 57q7 12 3.5 26T812 277l-13 7q42 111 17 232m253 1129q37 71 92.5 109t119.5 38q112 0 184.5-73.5T1537 1536q0-35-5.5-70t-11.5-59t-18.5-54.5t-18.5-43t-20-39t-15-29.5q-22-42-45.5-57t-38.5-7q-10 5-14 19t1 36.5t19 47.5q29 50 57.5 131.5T1456 1544q0 65-54.5 113t-125.5 48q-58 0-124-108l8-5q27-16 40-29.5t16-35.5t-12-50L826 612l-163 94l83 143q6 10 2.5 22.5T735 890l-39 22l-39 22q-11 7-22.5 3.5T616 923l-82-142l-163 94l560 760q28 37 57 40.5t65-20.5z"/></svg>
How to use the Mic icon
React
import { Icon } from "@iconify/react";
<Icon icon="vs:mic" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vs:mic" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vs:mic" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vs--mic]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vs -->
<div class="i-vs:mic"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="vs:mic"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/vs/mic.svg" alt="Mic icon" width="24" height="24">
Mic icon in other icon sets
Mic icon FAQ
Is the Mic icon free for commercial use?
Yes. Vesper Icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Mic icon in React?
Install @iconify/react and render <Icon icon="vs:mic" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Mic icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/vs/mic.svg" alt="Mic icon">, or paste the SVG code inline to style it with CSS.
Browse all Vesper Icons →
ICONYZ
