import { FC } from 'react';

interface IconFaceScanProps {
    className?: string;
    fill?: boolean;
    duotone?: boolean;
}

const IconFaceScan: FC<IconFaceScanProps> = ({ className, fill = false, duotone = true }) => {
    return (
        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" className={className}>
            <path opacity={duotone ? '1' : '2'} fill="currentColor" fill-rule="evenodd" d="M21.302 13.163c.386 0 .698.312.698.697v.053c0 1.71 0 3.064-.142 4.123c-.147 1.09-.456 1.974-1.152 2.67s-1.58 1.005-2.67 1.152c-1.06.142-2.414.142-4.123.142h-.053a.698.698 0 0 1 0-1.395c1.774 0 3.034-.002 3.99-.13c.936-.126 1.476-.362 1.87-.756c.393-.393.629-.933.755-1.869c.128-.956.13-2.216.13-3.99c0-.385.312-.697.697-.697m-18.604 0c.385 0 .697.312.697.697c0 1.774.002 3.034.13 3.99c.126.936.362 1.476.756 1.87c.394.393.933.629 1.869.755c.956.128 2.216.13 3.99.13a.698.698 0 1 1 0 1.395h-.053c-1.71 0-3.064 0-4.123-.142c-1.09-.147-1.974-.456-2.67-1.152s-1.005-1.58-1.152-2.67C2 16.976 2 15.622 2 13.913v-.053c0-.385.312-.697.698-.697M10.087 2h.053a.698.698 0 1 1 0 1.395c-1.774 0-3.034.002-3.99.13c-.936.126-1.475.362-1.87.756c-.393.394-.629.933-.755 1.869c-.128.956-.13 2.216-.13 3.99a.698.698 0 0 1-1.395 0v-.053c0-1.71 0-3.064.142-4.123c.147-1.09.456-1.974 1.152-2.67s1.58-1.005 2.67-1.152C7.024 2 8.378 2 10.087 2m7.763 1.525c-.956-.128-2.216-.13-3.99-.13a.698.698 0 0 1 0-1.395h.053c1.71 0 3.064 0 4.123.142c1.09.147 1.974.456 2.67 1.152s1.005 1.58 1.152 2.67C22 7.024 22 8.378 22 10.087v.053a.698.698 0 1 1-1.395 0c0-1.774-.002-3.034-.13-3.99c-.126-.936-.362-1.475-.756-1.87c-.393-.393-.933-.629-1.869-.755" clip-rule="evenodd"/><path fill="currentColor" d="M10.373 10.43c0 .675-.364 1.222-.814 1.222s-.814-.547-.814-1.221s.365-1.221.814-1.221c.45 0 .814.547.814 1.22m4.884 0c0 .675-.365 1.222-.814 1.222c-.45 0-.814-.547-.814-1.221s.364-1.221.814-1.221s.814.547.814 1.22m-5.334 3.987a.61.61 0 0 0-.727.981a4.7 4.7 0 0 0 2.805.934a4.7 4.7 0 0 0 2.805-.934a.61.61 0 1 0-.727-.98a3.47 3.47 0 0 1-2.078.693c-.77 0-1.486-.254-2.078-.694"/><g fill="currentColor" opacity=".5"><path d="M10.373 10.43c0 .675-.365 1.222-.814 1.222c-.45 0-.814-.547-.814-1.221c0-.675.364-1.221.814-1.221s.814.546.814 1.22m4.883 0c0 .675-.364 1.222-.814 1.222s-.814-.547-.814-1.221c0-.675.365-1.221.814-1.221c.45 0 .814.546.814 1.22m-5.334 3.987a.61.61 0 0 0-.727.98c.792.588 1.76.935 2.806.935a4.7 4.7 0 0 0 2.805-.934a.61.61 0 1 0-.727-.981a3.47 3.47 0 0 1-2.078.694c-.77 0-1.486-.255-2.079-.694"/><path fill-rule="evenodd" d="M10.14 4.559h3.72c2.632 0 3.948 0 4.765.817s.817 2.133.817 4.764v3.72c0 2.632 0 3.948-.817 4.765s-2.133.817-4.764.817H10.14c-2.631 0-3.947 0-4.764-.817s-.817-2.133-.817-4.764V10.14c0-2.631 0-3.947.817-4.764s2.133-.817 4.764-.817m-1.072 9.985a.61.61 0 0 1 .854-.127c.593.44 1.308.694 2.079.694c.77 0 1.485-.255 2.078-.694a.61.61 0 1 1 .727.98a4.7 4.7 0 0 1-2.805.935a4.7 4.7 0 0 1-2.806-.934a.61.61 0 0 1-.127-.854m5.374-2.892c.45 0 .814-.547.814-1.221c0-.675-.364-1.221-.814-1.221s-.814.546-.814 1.22c0 .675.365 1.222.814 1.222m-4.883 0c.45 0 .814-.547.814-1.221c0-.675-.365-1.221-.814-1.221c-.45 0-.814.546-.814 1.22c0 .675.364 1.222.814 1.222" clip-rule="evenodd"/>
            </g>
        </svg>
    );
};

export default IconFaceScan;
