import React, { ForwardedRef, useContext } from 'react';
import { OriginIconProps } from '../type';
import { Context } from '../context';

function IconMicMulColDarkComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
    const { prefix: prefixFromContext } = useContext(Context);
    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = false, spin, ...rest } = props;

    const prefix = prefixFromProps || prefixFromContext || 'font';
    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
    return <svg className={`${prefix}-icon ${prefix}-icon-Mic_MulCol_Dark${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path fillRule="evenodd" clipRule="evenodd" d="M14.5319 3.88542C14.9383 4.29175 15.1667 4.84268 15.1667 5.41732V13.0007C15.1667 13.5753 14.9383 14.1262 14.5319 14.5326C14.1256 14.9389 13.5747 15.1673 13 15.1673C12.4254 15.1673 11.8745 14.9389 11.4681 14.5326C11.0618 14.1262 10.8334 13.5753 10.8334 13.0007V5.41732C10.8334 4.84268 11.0618 4.29175 11.4681 3.88542C11.8745 3.47909 12.4254 3.25065 13 3.25065C13.5747 3.25065 14.1256 3.47909 14.5319 3.88542ZM16.0638 16.0645C16.8765 15.2518 17.3334 14.1499 17.3334 13.0007V5.41732C17.3334 4.26805 16.8765 3.16617 16.0638 2.35352C15.2512 1.54086 14.1493 1.08398 13 1.08398C11.8508 1.08398 10.7489 1.54086 9.93624 2.35352C9.12358 3.16617 8.66671 4.26805 8.66671 5.41732V13.0007C8.66671 14.1499 9.12358 15.2518 9.93624 16.0645C10.7489 16.8771 11.8508 17.334 13 17.334C14.1493 17.334 15.2512 16.8771 16.0638 16.0645Z" fill={useCurrentColor ? 'currentColor' : '#10B981'}/><path d="M11.9167 23.834V21.5964C10.0178 21.3572 8.23914 20.4971 6.87138 19.1293C5.24606 17.504 4.33337 15.2992 4.33337 13.0007V10.834C4.33337 10.2357 4.8184 9.75065 5.41671 9.75065C6.01502 9.75065 6.50004 10.2357 6.50004 10.834V13.0007C6.50004 14.7246 7.18535 16.3774 8.40434 17.5964C9.62332 18.8153 11.2761 19.5007 13 19.5007C14.7239 19.5007 16.3768 18.8153 17.5957 17.5964C18.8147 16.3774 19.5 14.7246 19.5 13.0007V10.834C19.5 10.2357 19.9851 9.75065 20.5834 9.75065C21.1817 9.75065 21.6667 10.2357 21.6667 10.834V13.0007C21.6667 15.2992 20.754 17.504 19.1287 19.1293C17.7609 20.4971 15.9823 21.3572 14.0834 21.5964V23.834C14.0834 24.4323 13.5983 24.9173 13 24.9173C12.4017 24.9173 11.9167 24.4323 11.9167 23.834Z" fill={useCurrentColor ? 'currentColor' : '#FAFAFA'}/><path d="M23.3091 0.389254C23.117 -0.129752 22.383 -0.129751 22.1909 0.389254L21.6644 1.81218C21.604 1.97535 21.4754 2.104 21.3122 2.16438L19.8893 2.69091C19.3702 2.88296 19.3702 3.61704 19.8893 3.80909L21.3122 4.33562C21.4754 4.396 21.604 4.52465 21.6644 4.68782L22.1909 6.11075C22.383 6.62975 23.117 6.62975 23.3091 6.11075L23.8356 4.68782C23.896 4.52465 24.0246 4.396 24.1878 4.33562L25.6107 3.80909C26.1298 3.61704 26.1298 2.88296 25.6107 2.69091L24.1878 2.16438C24.0246 2.104 23.896 1.97535 23.8356 1.81218L23.3091 0.389254Z" fill={useCurrentColor ? 'currentColor' : '#10B981'}/></svg>;
}

const IconMicMulColDark = React.forwardRef(IconMicMulColDarkComponent);
export default IconMicMulColDark;
