import * as React from 'react';

function SvgEyeVisible(props) {
  return (
    <svg width={20} height={20} viewBox="0 0 20 20" fill="none" {...props}>
      <path
        d="M19.06 10.399a.123.123 0 00.02-.05l.02-.018v-.068l.018-.017v-.042c0-.015.002-.034.006-.057a.373.373 0 00-.001-.19.175.175 0 01-.005-.044V9.89l-.011-.022a.16.16 0 01-.007-.014v-.025a.14.14 0 00-.018-.07.121.121 0 00-.032-.072 9.255 9.255 0 00-1.557-2.446 10.01 10.01 0 00-2.13-1.82 9.674 9.674 0 00-2.532-1.132 10.15 10.15 0 00-8.122 1.13 10.003 10.003 0 00-2.157 1.822 9.49 9.49 0 00-1.59 2.461l-.01.02v.031l-.017.016V9.837l-.017.017v.042a.287.287 0 01-.007.057.374.374 0 00.001.19c.004.015.006.03.006.043v.025l.01.021.007.014v.026c0 .02.004.045.018.07v.037l.009.02a9.47 9.47 0 001.58 2.452 9.74 9.74 0 002.15 1.804 10.141 10.141 0 008.104 1.122 10.141 10.141 0 002.548-1.122 9.741 9.741 0 002.149-1.804 9.12 9.12 0 001.557-2.438.183.183 0 00.01-.014zm-9.042 4.473a9.051 9.051 0 01-2.33-.305 8.372 8.372 0 01-4.03-2.432A7.887 7.887 0 012.27 10.05a7.888 7.888 0 011.387-2.085 8.532 8.532 0 014.058-2.458 8.917 8.917 0 012.338-.313 8.82 8.82 0 012.329.312 8.417 8.417 0 012.163.93c.677.41 1.294.92 1.85 1.528a8.12 8.12 0 011.37 2.086 8 8 0 01-1.378 2.085 8.392 8.392 0 01-1.86 1.52 8.341 8.341 0 01-2.17.912 9.154 9.154 0 01-2.34.305zm.052-1.44c.963 0 1.785-.33 2.46-.986a3.22 3.22 0 001.015-2.396c0-.928-.34-1.725-1.014-2.387-.675-.663-1.498-.994-2.46-.994-.952 0-1.771.332-2.452.993-.681.662-1.024 1.46-1.024 2.388 0 .939.343 1.74 1.024 2.396.681.656 1.5.985 2.451.985zm0-1.295a2.123 2.123 0 01-1.521-.621c-.433-.415-.646-.908-.646-1.483 0-.577.208-1.066.629-1.475a2.1 2.1 0 011.52-.613 2.1 2.1 0 011.522.613c.42.409.629.898.629 1.475a2.02 2.02 0 01-.621 1.484c-.415.414-.917.62-1.512.62z"
        fill={props.color}
        stroke={props.color}
        strokeWidth={0.2}
      />
      <circle cx={10} cy={10} r={2.5} fill="none" stroke={props.color} />
    </svg>
  );
}

export default SvgEyeVisible;