microphone icon
microphone-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.
- Name
- microphone-bold
- Set
- Phosphor
- Style
- Bold
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
microphoneAkar IconsmicrophoneBoxIcons v2microphoneBoxIcons v2 SolidmicrophoneCarbonmicrophoneEmoji One (Colored)microphoneElement PlusmicrophoneFont Awesome 6 SolidmicrophoneFont Awesome Solidmicrophone-outlineFlowbite IconsmicrophoneFluent EmojimicrophoneFluent Emoji FlatmicrophoneFluent Emoji High ContrastmicrophoneFirefox OS EmojimicrophoneHeroIconsmicrophoneHumbleiconsmicrophoneIconParkmicrophoneIconPark OutlinemicrophoneIconoirmicrophoneLine AwesomemicrophoneMage IconsmicrophoneMajesticonsmicrophoneMaterial Design Iconsmicrophone-fillMingCute IconmicrophoneMyna UI Icons
Related icons in Phosphor
Use the microphone icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M128 180a52.06 52.06 0 0 0 52-52V64a52 52 0 0 0-104 0v64a52.06 52.06 0 0 0 52 52M100 64a28 28 0 0 1 56 0v64a28 28 0 0 1-56 0Zm40 155.22V240a12 12 0 0 1-24 0v-20.78A92.14 92.14 0 0 1 36 128a12 12 0 0 1 24 0a68 68 0 0 0 136 0a12 12 0 0 1 24 0a92.14 92.14 0 0 1-80 91.22"/></svg>
React
import type { SVGProps } from "react";
export function PhMicrophoneBold(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M128 180a52.06 52.06 0 0 0 52-52V64a52 52 0 0 0-104 0v64a52.06 52.06 0 0 0 52 52M100 64a28 28 0 0 1 56 0v64a28 28 0 0 1-56 0Zm40 155.22V240a12 12 0 0 1-24 0v-20.78A92.14 92.14 0 0 1 36 128a12 12 0 0 1 24 0a68 68 0 0 0 136 0a12 12 0 0 1 24 0a92.14 92.14 0 0 1-80 91.22"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M128 180a52.06 52.06 0 0 0 52-52V64a52 52 0 0 0-104 0v64a52.06 52.06 0 0 0 52 52M100 64a28 28 0 0 1 56 0v64a28 28 0 0 1-56 0Zm40 155.22V240a12 12 0 0 1-24 0v-20.78A92.14 92.14 0 0 1 36 128a12 12 0 0 1 24 0a68 68 0 0 0 136 0a12 12 0 0 1 24 0a92.14 92.14 0 0 1-80 91.22"/></svg> </template>
CSS
.icon-microphone-bold {
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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M128%20180a52.06%2052.06%200%200%200%2052-52V64a52%2052%200%200%200-104%200v64a52.06%2052.06%200%200%200%2052%2052M100%2064a28%2028%200%200%201%2056%200v64a28%2028%200%200%201-56%200Zm40%20155.22V240a12%2012%200%200%201-24%200v-20.78A92.14%2092.14%200%200%201%2036%20128a12%2012%200%200%201%2024%200a68%2068%200%200%200%20136%200a12%2012%200%200%201%2024%200a92.14%2092.14%200%200%201-80%2091.22%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M128%20180a52.06%2052.06%200%200%200%2052-52V64a52%2052%200%200%200-104%200v64a52.06%2052.06%200%200%200%2052%2052M100%2064a28%2028%200%200%201%2056%200v64a28%2028%200%200%201-56%200Zm40%20155.22V240a12%2012%200%200%201-24%200v-20.78A92.14%2092.14%200%200%201%2036%20128a12%2012%200%200%201%2024%200a68%2068%200%200%200%20136%200a12%2012%200%200%201%2024%200a92.14%2092.14%200%200%201-80%2091.22%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/microphone-bold.svg?color=%231a73e8&size=48
