Microphone Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The Microphone icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/310864.svg" alt="Microphone icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310864.svg" alt="Microphone icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310864.svg" alt="Microphone icon" :width="24" :height="24" />
CSS background
.icon-microphone {
background-image: url('https://proicons.com/icon/310864.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.6391 5.83604C15.6391 4.13167 14.0098 2.75 12 2.75C9.99016 2.75 8.36087 4.13167 8.36087 5.83604V11.4105C8.36087 13.1149 9.99016 14.4966 12 14.4966C14.0098 14.4966 15.6391 13.1149 15.6391 11.4105V5.83604Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5.32828 10.6163C5.32828 12.3858 6.03119 14.0828 7.28238 15.334C8.53357 16.5852 10.2306 17.2881 12 17.2881C13.7695 17.2881 15.4664 16.5852 16.7176 15.334C17.9688 14.0828 18.6717 12.3858 18.6717 10.6163" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12 21.25V17.2881" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8.36087 21.25H15.6391" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>
More from Mage Icons
View all
Microphone in other icon packs
Copied!