const React = require("react");
const EyesIcon = ({ title, titleId, ...props }) => (
  <svg
    width="1em"
    height="1em"
    viewBox="0 0 32 32"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    aria-labelledby={titleId}
    {...props}
  >
    {title ? <title id={titleId}>{title}</title> : null}
    <rect x={2} y={8} width={15} height={22} rx={7.5} fill="#D3D3D3" />
    <rect
      x={2}
      y={8}
      width={15}
      height={22}
      rx={7.5}
      fill="url(#paint0_radial_20020_5140)"
    />
    <rect
      x={2}
      y={8}
      width={15}
      height={22}
      rx={7.5}
      fill="url(#paint1_linear_20020_5140)"
    />
    <rect
      x={2}
      y={8}
      width={15}
      height={22}
      rx={7.5}
      fill="url(#paint2_radial_20020_5140)"
    />
    <rect
      x={2}
      y={8}
      width={15}
      height={22}
      rx={7.5}
      fill="url(#paint3_radial_20020_5140)"
    />
    <rect
      x={2}
      y={8}
      width={15}
      height={22}
      rx={7.5}
      fill="url(#paint4_radial_20020_5140)"
    />
    <rect
      x={2}
      y={8}
      width={15}
      height={22}
      rx={7.5}
      fill="url(#paint5_radial_20020_5140)"
    />
    <rect
      x={2}
      y={8}
      width={15}
      height={22}
      rx={7.5}
      fill="url(#paint6_radial_20020_5140)"
    />
    <g filter="url(#filter0_f_20020_5140)">
      <rect
        x={14.6377}
        y={12.6792}
        width={1.73568}
        height={11.6659}
        rx={0.867842}
        fill="#6F6873"
      />
    </g>
    <rect
      x={15}
      y={8}
      width={15}
      height={22}
      rx={7.5}
      fill="url(#paint7_radial_20020_5140)"
    />
    <rect
      x={15}
      y={8}
      width={15}
      height={22}
      rx={7.5}
      fill="url(#paint8_linear_20020_5140)"
    />
    <rect
      x={15}
      y={8}
      width={15}
      height={22}
      rx={7.5}
      fill="url(#paint9_radial_20020_5140)"
    />
    <rect
      x={16}
      y={13}
      width={7}
      height={12}
      rx={3.5}
      fill="url(#paint10_linear_20020_5140)"
    />
    <rect
      x={16}
      y={13}
      width={7}
      height={12}
      rx={3.5}
      fill="url(#paint11_radial_20020_5140)"
    />
    <rect
      x={3.0625}
      y={13}
      width={7}
      height={12}
      rx={3.5}
      fill="url(#paint12_linear_20020_5140)"
    />
    <rect
      x={3.0625}
      y={13}
      width={7}
      height={12}
      rx={3.5}
      fill="url(#paint13_radial_20020_5140)"
    />
    <ellipse
      cx={8.02756}
      cy={16.0069}
      rx={0.875089}
      ry={1.11126}
      transform="rotate(-39.7743 8.02756 16.0069)"
      fill="url(#paint14_radial_20020_5140)"
    />
    <ellipse
      cx={21.0241}
      cy={16.0069}
      rx={0.875089}
      ry={1.11126}
      transform="rotate(-39.7743 21.0241 16.0069)"
      fill="url(#paint15_radial_20020_5140)"
    />
    <defs>
      <filter
        id="filter0_f_20020_5140"
        x={13.4377}
        y={11.4792}
        width={4.13566}
        height={14.0659}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.6}
          result="effect1_foregroundBlur_20020_5140"
        />
      </filter>
      <radialGradient
        id="paint0_radial_20020_5140"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(12.0313 13.5) rotate(101.077) scale(21.1439 16.3514)"
      >
        <stop stopColor="#FAF7FC" />
        <stop offset={0.456846} stopColor="#D8D0DD" />
        <stop offset={0.707884} stopColor="#D0B3E3" />
        <stop offset={1} stopColor="#CFABE4" />
      </radialGradient>
      <linearGradient
        id="paint1_linear_20020_5140"
        x1={-1.15625}
        y1={20.625}
        x2={8.48296}
        y2={21.9314}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.399485} stopColor="#9B969E" />
        <stop offset={1} stopColor="#9A959E" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint2_radial_20020_5140"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(15.8848 23.5405) rotate(-133.794) scale(20.0626 21.7161)"
      >
        <stop offset={0.844296} stopColor="#9A959E" stopOpacity={0} />
        <stop offset={0.948591} stopColor="#949296" />
      </radialGradient>
      <radialGradient
        id="paint3_radial_20020_5140"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(19.1029 22.5751) rotate(-155.387) scale(8.58398 20.8716)"
      >
        <stop offset={0.0216587} stopColor="#D1AFE5" />
        <stop offset={1} stopColor="#D1AFE5" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint4_radial_20020_5140"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16.287 21.2074) rotate(-180) scale(5.55135 15.769)"
      >
        <stop stopColor="#ABA5B0" />
        <stop offset={1} stopColor="#ABA5B0" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint5_radial_20020_5140"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(18.7811 23.4601) rotate(-137.153) scale(7.57168 20.8624)"
      >
        <stop stopColor="#B689D0" />
        <stop offset={1} stopColor="#B689D0" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint6_radial_20020_5140"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(14.4577 12.0692) rotate(140.964) scale(3.51479 6.68569)"
      >
        <stop stopColor="#F3F2F4" />
        <stop offset={1} stopColor="#F3F2F4" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint7_radial_20020_5140"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(25.5937 15) rotate(103.51) scale(19.7978 15.3104)"
      >
        <stop stopColor="#FAF7FC" />
        <stop offset={0.456846} stopColor="#D8D0DD" />
        <stop offset={0.707884} stopColor="#D0B3E3" />
        <stop offset={1} stopColor="#CFABE4" />
      </radialGradient>
      <linearGradient
        id="paint8_linear_20020_5140"
        x1={11.8438}
        y1={20.625}
        x2={21.3437}
        y2={21.5}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.212017} stopColor="#9B969E" />
        <stop offset={1} stopColor="#9A959E" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint9_radial_20020_5140"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(27.4577 12.0692) rotate(140.964) scale(3.51479 6.68569)"
      >
        <stop stopColor="#F3F2F4" />
        <stop offset={1} stopColor="#F3F2F4" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint10_linear_20020_5140"
        x1={19.5}
        y1={13}
        x2={19.5}
        y2={25}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.354167} stopColor="#232224" />
        <stop offset={1} stopColor="#623C86" />
      </linearGradient>
      <radialGradient
        id="paint11_radial_20020_5140"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(20.4062 18.375) rotate(90) scale(6.625 2.17383)"
      >
        <stop offset={0.354167} stopColor="#443753" />
        <stop offset={1} stopColor="#433750" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint12_linear_20020_5140"
        x1={6.5625}
        y1={13}
        x2={6.5625}
        y2={25}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.354167} stopColor="#232224" />
        <stop offset={1} stopColor="#623C86" />
      </linearGradient>
      <radialGradient
        id="paint13_radial_20020_5140"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(7.46875 18.375) rotate(90) scale(6.625 2.17383)"
      >
        <stop offset={0.354167} stopColor="#443753" />
        <stop offset={1} stopColor="#433750" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint14_radial_20020_5140"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(8.04637 15.1597) rotate(127.514) scale(2.37685 2.50137)"
      >
        <stop stopColor="white" />
        <stop offset={1} stopColor="#F4F4F4" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint15_radial_20020_5140"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(21.043 15.1597) rotate(127.514) scale(2.37685 2.50137)"
      >
        <stop stopColor="white" />
        <stop offset={1} stopColor="#F4F4F4" stopOpacity={0} />
      </radialGradient>
    </defs>
  </svg>
);
module.exports = EyesIcon;