Microphone icon

A free microphone icon in 5 styles, drawn by hand on a 24px grid. Copy it as SVG or JSX, for personal or commercial use.

Style Stroke

Category: Media & Multimedia
Size: 24 × 24, scales to any size
License: Free, credit optional (terms)
Tags: microphone, mic, audio, recording, on, active, sound

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path transform="translate(4 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M4 4C4 1.79 5.79 0 8 0C10.21 0 12 1.79 12 4L12 9C12 11.21 10.21 13 8 13C5.79 13 4 11.21 4 9L4 4Z"/>
  <path transform="translate(4 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M8 17C3.58 17 0 13.42 0 9M8 17C12.42 17 16 13.42 16 9M8 17L8 19"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path transform="translate(3 2)" fill="currentColor" d="M9 0C6.24 0 4 2.24 4 5L4 10C4 12.76 6.24 15 9 15C11.76 15 14 12.76 14 10L14 5C14 2.24 11.76 0 9 0Z"/>
  <path transform="translate(3 2)" fill="currentColor" d="M2 10C2 9.45 1.55 9 1 9C0.45 9 0 9.45 0 10C0 14.63 3.5 18.45 8 18.95L8 20C8 20.55 8.45 21 9 21C9.55 21 10 20.55 10 20L10 18.95C14.5 18.45 18 14.63 18 10C18 9.45 17.55 9 17 9C16.45 9 16 9.45 16 10C16 13.87 12.87 17 9 17C5.13 17 2 13.87 2 10Z"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path opacity="0.28" transform="translate(4 12)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M8 8C3.58 8 0 4.42 0 0M8 8C12.42 8 16 4.42 16 0M8 8L8 10"/>
  <path transform="translate(8 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M0 4C0 1.79 1.79 0 4 0C6.21 0 8 1.79 8 4L8 9C8 11.21 6.21 13 4 13C1.79 13 0 11.21 0 9L0 4Z"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path opacity="0.28" transform="translate(4 12)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M8 8C3.58 8 0 4.42 0 0M8 8C12.42 8 16 4.42 16 0M8 8L8 10"/>
  <path transform="translate(7 2)" fill="currentColor" d="M5 0C2.24 0 0 2.24 0 5L0 10C0 12.76 2.24 15 5 15C7.76 15 10 12.76 10 10L10 5C10 2.24 7.76 0 5 0Z"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path opacity="0.28" transform="translate(8 3)" fill="currentColor" d="M0 4C0 1.79 1.79 0 4 0C6.21 0 8 1.79 8 4L8 9C8 11.21 6.21 13 4 13C1.79 13 0 11.21 0 9L0 4Z"/>
  <path transform="translate(4 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M12 9L12 4C12 1.79 10.21 0 8 0C5.79 0 4 1.79 4 4L4 9C4 11.21 5.79 13 8 13C10.21 13 12 11.21 12 9Z"/>
  <path transform="translate(4 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M8 17C3.58 17 0 13.42 0 9M8 17C12.42 17 16 13.42 16 9M8 17L8 19"/>
</svg>