next-icons-logoNext IconsAll Icons
export type IconProps = {
  size?: number | string;
  color?: string;
  className?: string;
} & React.SVGProps<SVGSVGElement>;

export const MicIcon = ({
  size = 24,
  color = "currentColor",
  className,
  ...props
}: IconProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 24 24"
    width={size}
    height={size}
    fill={color}
    className={className}
    {...props}
  >
      <path d="m16,2c-1.6,0-3.1.62-4.25,1.76-1.13,1.14-1.75,2.65-1.75,4.24,0,.2.01.4.03.59l-7.21,8.56c-.67.8-.62,1.96.12,2.7l1.2,1.2c.39.39.9.59,1.41.59.46,0,.91-.16,1.29-.47l8.56-7.21c.19.02.39.03.59.03,1.6,0,3.1-.62,4.25-1.76,1.13-1.14,1.75-2.65,1.75-4.24s-.62-3.1-1.76-4.25c-1.14-1.13-2.65-1.75-4.24-1.75ZM5.56,19.64l-1.2-1.2,6.71-7.96,2.46,2.46-7.96,6.71Zm9.81-7.69l-3.32-3.32c-.03-.2-.05-.41-.05-.63,0-.9.31-1.74.85-2.44l5.59,5.59c-.7.54-1.55.85-2.44.85-.22,0-.44-.02-.63-.05Zm3.78-1.51l-5.59-5.59c.7-.54,1.55-.85,2.44-.85,1.07,0,2.07.42,2.83,1.16.75.76,1.17,1.77,1.17,2.84,0,.9-.31,1.74-.85,2.44Z" />
  </svg>
);

Icon

Mic

Category

voice-activity

Use case

Use this icon in navbar items, social link groups, profile actions, settings rows, and call-to-action buttons.

Size

48px

Color

#18181b

Related voice-activity icons

CameraOffEqualizerFastForwardHeadphoneHeadphoneMicMicrophoneMusicMusicLibrary