type UserViewingLogoProps = {
  width?: number;
  height?: number;
  fill?: string;
};

function UserViewingLogo({
  width = 124,
  height = 119,
  fill,
}: UserViewingLogoProps) {
  const fillToUse = fill ? fill : "text-black dark:text-white fill-current";

  return (
    <svg
      aria-label="User viewing logo, featuring an eye, representing a focus on user-centered research and activities."
      className={fillToUse}
      height={height}
      role="img"
      version="1"
      viewBox="0 0 1024 512"
      width={width}
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M1892 3759c-266-34-508-154-702-349-174-174-280-369-336-620-13-54-17-122-17-240 0-176 10-244 59-392 32-97 98-227 160-315 62-87 200-225 287-287 421-298 993-298 1414 0 87 62 225 200 287 287 62 88 128 218 160 315 49 148 59 216 59 392 0 218-33 365-121 540-86 173-236 348-385 454-246 174-568 254-865 215zm423-203c246-72 470-237 603-445 81-127 146-308 159-445l6-71-74 69c-229 214-521 373-769 420-372 71-792-82-1146-417-68-64-94-96-94-113 0-68 297-307 523-420 492-248 981-149 1481 300l79 71-6-75c-12-139-76-322-159-451-133-208-354-371-603-446-84-25-102-27-280-27-179 0-195 2-280 27-365 112-622 369-732 732-25 84-27 102-27 280 0 179 2 195 27 280 120 393 407 660 808 750 46 10 111 14 229 11 143-3 177-7 255-30zm-134-596c75-23 107-43 172-107 165-162 168-427 6-598-173-183-451-179-627 9-85 92-106 149-107 291 0 105 2 113 34 180 56 114 170 208 284 235 63 15 173 11 238-10z"
        fill={fill}
        transform="matrix(.1 0 0 -.1 0 512)"
      ></path>
      <path
        d="M1970 2846c-90-24-164-88-203-175-24-54-29-166-8-224 20-57 82-129 139-160 178-97 386-9 446 188 5 19 2 20-33 17-159-15-256 161-162 294l30 43-51 16c-61 18-97 18-158 1zM4580 3660c-145-25-236-113-247-240-13-144 65-220 269-264 38-9 85-52 93-86 10-44-17-87-64-101-54-16-120-4-196 36l-64 33-44-61c-62-88-61-87-41-103 37-28 133-74 181-84 75-17 195-14 260 6 113 35 194 148 193 268-2 139-85 229-246 266-41 10-84 26-94 35-27 24-25 61 5 90 32 33 106 34 177 3 57-25 53-28 94 74 18 45 24 72 18 78-36 36-209 65-294 50zM3523 3328c4-378 5-387 77-459 63-63 138-91 250-92 154-2 258 49 312 152l28 53v678h-210v-314c0-296-1-315-20-338-27-35-72-52-121-45s-86 38-99 86c-5 20-10 164-10 324v287h-211l4-332zM5032 3223l3-438 233-3 232-2v190h-250v160h240v180h-240v160h250v190h-470l2-437zM5640 3220v-440h210l2 163 3 162 103-162 104-163h114c89 0 114 3 108 13-4 6-52 80-106 164-54 83-98 155-98 160s16 17 36 28c53 28 103 92 121 154 32 110-8 243-91 303-67 48-120 58-323 58h-183v-440zm361 237c43-33 50-93 16-133-21-25-31-27-93-28l-69-1-3 88-3 87h68c38 0 75-6 84-13zM8271 2359c-121-24-251-121-305-227-96-190-64-395 84-536 100-96 204-132 347-123 184 11 337 134 393 316 11 35 20 90 20 122v59l-212-2-213-3-3-77-3-78h96c66 0 95-4 95-12 0-22-86-94-127-106-93-28-177-8-245 58-144 140-61 383 139 406 64 8 122-9 178-51l45-35 80 56c44 31 80 59 80 63 0 20-106 105-163 131-98 46-187 59-286 39zM3480 2358c0-2 74-199 163-438l162-435 106-3 106-3 158 428c87 235 160 434 163 441 3 9-21 12-101 12h-104l-108-295c-59-162-111-295-114-295s-54 132-112 293l-106 292-106 3c-59 1-107 1-107 0zM4442 1923l3-438h210l3 438 2 437h-220l2-437zM4820 1920v-440h470v190h-260v160h240v180h-240v160h260v190h-470v-440zM5370 2350c0-6 47-187 105-403 58-215 110-409 116-429l10-38h168l45 143c24 78 57 184 73 234 15 51 30 93 33 93s37-105 76-233l71-232 85-3 84-3 122 433c67 238 122 436 122 441 0 4-46 7-103 7h-103l-63-237c-35-131-67-244-71-251-3-8-36 99-71 237l-64 251h-162l-68-247c-37-137-69-250-71-252-5-6-7 1-70 262l-58 237h-103c-63 0-103-4-103-10zM6580 1920v-440h210v880h-210v-440zM6960 1920v-440h210l2 252 3 253 206-250 205-250 107-3 107-3v881h-210l-2-257-3-257-218 257-218 257h-189v-440z"
        fill={fill}
        transform="matrix(.1 0 0 -.1 0 512)"
      ></path>
    </svg>
  );
}

export default UserViewingLogo;