microphone icon

microphone from Font Awesome Solid by Dave Gandy · Solid · Audio & Video · CC-BY-4.0 Attribution required.

Name
microphone
Set
Font Awesome Solid
Style
Solid
Category
Audio & Video
Viewbox
640×640
License
CC BY 4.0

The same icon in other sets

microphoneAkar IconsmicrophoneBoxIcons v2microphoneBoxIcons v2 SolidmicrophoneCarbonmicrophoneEmoji One (Colored)microphoneElement PlusmicrophoneFont Awesome 6 Solidmicrophone-outlineFlowbite IconsmicrophoneFluent EmojimicrophoneFluent Emoji FlatmicrophoneFluent Emoji High ContrastmicrophoneFirefox OS EmojimicrophoneHeroIconsmicrophoneHumbleiconsmicrophoneIconParkmicrophoneIconPark OutlinemicrophoneIconoirmicrophoneLine AwesomemicrophoneMage IconsmicrophoneMajesticonsmicrophoneMaterial Design Iconsmicrophone-fillMingCute IconmicrophoneMyna UI IconsmicrophoneNoto Emoji

More audio & video icons from Font Awesome Solid

backwardbroadcast-towercirclecompressejectexpandfast-backwardfast-forwardfile-audiofile-videofilmforwardheadphonesmicrophone-altmicrophone-alt-slashmicrophone-slashmusicpausepause-circlephoto-videoplay-circlepodcastrssrss-square

Use the microphone icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320 64c-53 0-96 43-96 96v128c0 53 43 96 96 96s96-43 96-96V160c0-53-43-96-96-96M176 248c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 97.9 73.3 178.7 168 190.5V528h-48c-13.3 0-24 10.7-24 24s10.7 24 24 24h144c13.3 0 24-10.7 24-24s-10.7-24-24-24h-48v-49.5c94.7-11.8 168-92.6 168-190.5v-40c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 79.5-64.5 144-144 144s-144-64.5-144-144z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidMicrophone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320 64c-53 0-96 43-96 96v128c0 53 43 96 96 96s96-43 96-96V160c0-53-43-96-96-96M176 248c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 97.9 73.3 178.7 168 190.5V528h-48c-13.3 0-24 10.7-24 24s10.7 24 24 24h144c13.3 0 24-10.7 24-24s-10.7-24-24-24h-48v-49.5c94.7-11.8 168-92.6 168-190.5v-40c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 79.5-64.5 144-144 144s-144-64.5-144-144z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320 64c-53 0-96 43-96 96v128c0 53 43 96 96 96s96-43 96-96V160c0-53-43-96-96-96M176 248c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 97.9 73.3 178.7 168 190.5V528h-48c-13.3 0-24 10.7-24 24s10.7 24 24 24h144c13.3 0 24-10.7 24-24s-10.7-24-24-24h-48v-49.5c94.7-11.8 168-92.6 168-190.5v-40c0-13.3-10.7-24-24-24s-24 10.7-24 24v40c0 79.5-64.5 144-144 144s-144-64.5-144-144z"/></svg>
</template>

CSS

.icon-microphone {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M320%2064c-53%200-96%2043-96%2096v128c0%2053%2043%2096%2096%2096s96-43%2096-96V160c0-53-43-96-96-96M176%20248c0-13.3-10.7-24-24-24s-24%2010.7-24%2024v40c0%2097.9%2073.3%20178.7%20168%20190.5V528h-48c-13.3%200-24%2010.7-24%2024s10.7%2024%2024%2024h144c13.3%200%2024-10.7%2024-24s-10.7-24-24-24h-48v-49.5c94.7-11.8%20168-92.6%20168-190.5v-40c0-13.3-10.7-24-24-24s-24%2010.7-24%2024v40c0%2079.5-64.5%20144-144%20144s-144-64.5-144-144z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M320%2064c-53%200-96%2043-96%2096v128c0%2053%2043%2096%2096%2096s96-43%2096-96V160c0-53-43-96-96-96M176%20248c0-13.3-10.7-24-24-24s-24%2010.7-24%2024v40c0%2097.9%2073.3%20178.7%20168%20190.5V528h-48c-13.3%200-24%2010.7-24%2024s10.7%2024%2024%2024h144c13.3%200%2024-10.7%2024-24s-10.7-24-24-24h-48v-49.5c94.7-11.8%20168-92.6%20168-190.5v-40c0-13.3-10.7-24-24-24s-24%2010.7-24%2024v40c0%2079.5-64.5%20144-144%20144s-144-64.5-144-144z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/microphone.svg?color=%231a73e8&size=48