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

function IconFlaskConicalMulColDarkComponent(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-FlaskConical_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 d="M16.6652 16.2507H9.33365L8.24926 18.4173H17.7496L16.6652 16.2507Z" fill={useCurrentColor ? 'currentColor' : '#10B981'}/><path fillRule="evenodd" clipRule="evenodd" d="M6.08048 22.7507L5.27327 22.3433L5.33569 22.3751L6.08048 22.7507Z" fill={useCurrentColor ? 'currentColor' : '#10B981'}/><path fillRule="evenodd" clipRule="evenodd" d="M16.2494 3.25065H14.0828V10.3209C14.0823 10.8261 14.2007 11.3247 14.4266 11.7766L16.6652 16.2507L17.7496 18.4173L19.9173 22.7485L19.9194 22.7507H6.08048L8.24926 18.4173L9.33365 16.2507L11.5733 11.7766C11.7711 11.3809 11.8856 10.9495 11.9108 10.5092L11.9161 10.3209V3.25065H9.74943V10.323C9.74952 10.4912 9.71036 10.657 9.63517 10.8075L4.14656 21.7752C3.97952 22.1067 3.89947 22.4761 3.91593 22.8469C3.93241 23.2177 4.04395 23.5779 4.23966 23.8932C4.43541 24.2086 4.70918 24.4682 5.03417 24.6475C5.35687 24.8255 5.71943 24.9186 6.08789 24.9173L19.911 24.9163C20.2797 24.9176 20.6428 24.8257 20.9657 24.6475C21.2906 24.4682 21.5645 24.2085 21.7603 23.8932C21.9559 23.578 22.0675 23.2176 22.084 22.8469C22.1004 22.477 22.0217 22.1092 21.8555 21.7784L16.3637 10.8075C16.2886 10.6571 16.2493 10.4912 16.2494 10.323V3.25065ZM6.08048 22.7507L5.27327 22.3433L5.33569 22.3751L6.08048 22.7507ZM19.9194 22.7507L19.911 23.834V23.8932L19.9194 22.7507Z" fill={useCurrentColor ? 'currentColor' : '#FAFAFA'}/><path d="M17.8755 2.16732C17.8755 1.56919 17.3902 1.08427 16.7922 1.08398H9.20882C8.61051 1.08398 8.12548 1.56901 8.12548 2.16732C8.12548 2.76563 8.61051 3.25065 9.20882 3.25065H9.74943H11.9161H14.0828H16.2494H16.7922C17.3902 3.25037 17.8755 2.76545 17.8755 2.16732Z" fill={useCurrentColor ? 'currentColor' : '#10B981'}/></svg>;
}

const IconFlaskConicalMulColDark = React.forwardRef(IconFlaskConicalMulColDarkComponent);
export default IconFlaskConicalMulColDark;
