import React from 'react';

const KeyIcon: React.FC<{ className?: string; fill?: string }> = ({ className, fill }) => {
  return (
    <svg viewBox="0 0 10 16" fill="none" xmlns="http://www.w3.org/2000/svg" className={className}>
      <path
        d="M4.79854 16C4.68319 16.0001 4.57093 15.9627 4.47863 15.8935L2.34678 14.294C2.28063 14.2444 2.22695 14.18 2.18999 14.106C2.15303 14.032 2.13381 13.9504 2.13385 13.8677V8.7892C1.27761 8.21746 0.62796 7.38548 0.280879 6.41616C-0.0662019 5.44685 -0.0923114 4.3916 0.206408 3.40631C0.505127 2.42101 1.11283 1.55792 1.93975 0.944537C2.76667 0.331152 3.76895 0 4.79854 0C5.82812 0 6.8304 0.331152 7.65732 0.944537C8.48424 1.55792 9.09195 2.42101 9.39067 3.40631C9.68938 4.3916 9.66327 5.44685 9.31619 6.41616C8.96911 7.38548 8.31947 8.21746 7.46322 8.7892V9.60445C7.46365 9.67458 7.45022 9.74411 7.42372 9.80904C7.39721 9.87397 7.35815 9.93303 7.30877 9.98283L6.61598 10.6701L7.30677 11.3579C7.35673 11.4075 7.39639 11.4664 7.42346 11.5313C7.45052 11.5963 7.46445 11.6659 7.46445 11.7363C7.46445 11.8067 7.45052 11.8763 7.42346 11.9413C7.39639 12.0062 7.35673 12.0651 7.30677 12.1147L6.61398 12.8025L7.30677 13.4898C7.36082 13.5439 7.40259 13.6091 7.42924 13.6808C7.4559 13.7526 7.46683 13.8292 7.46128 13.9055C7.45574 13.9818 7.43385 14.0561 7.3971 14.1232C7.36035 14.1903 7.3096 14.2487 7.24829 14.2945L5.11644 15.894C5.02463 15.9626 4.91314 15.9998 4.79854 16ZM3.19902 13.6007L4.79854 14.8004L6.11813 13.8072L5.48383 13.1784C5.43386 13.1288 5.39421 13.0699 5.36714 13.0049C5.34008 12.94 5.32614 12.8703 5.32614 12.8C5.32614 12.7296 5.34008 12.66 5.36714 12.595C5.39421 12.5301 5.43386 12.4711 5.48383 12.4216L6.17662 11.7343L5.48383 11.047C5.43386 10.9975 5.39421 10.9385 5.36714 10.8736C5.34008 10.8086 5.32614 10.739 5.32614 10.6686C5.32614 10.5983 5.34008 10.5286 5.36714 10.4637C5.39421 10.3987 5.43386 10.3398 5.48383 10.2902L6.39505 9.38402V8.49629C6.39559 8.40328 6.42047 8.31203 6.46721 8.23162C6.51394 8.15121 6.58092 8.08443 6.66147 8.03793C7.37263 7.62734 7.92844 6.99356 8.24269 6.23489C8.55694 5.47622 8.61208 4.63505 8.39954 3.84185C8.187 3.04865 7.71867 2.34775 7.06719 1.84785C6.4157 1.34794 5.61747 1.07698 4.79629 1.07698C3.97511 1.07698 3.17687 1.34794 2.52539 1.84785C1.8739 2.34775 1.40557 3.04865 1.19303 3.84185C0.980497 4.63505 1.03563 5.47622 1.34988 6.23489C1.66413 6.99356 2.21994 7.62734 2.93111 8.03793C3.01166 8.08443 3.07863 8.15121 3.12537 8.23162C3.17211 8.31203 3.19698 8.40328 3.19752 8.49629L3.19902 13.6007Z"
        fill="currentColor"
      />
      <path
        d="M4.79672 4.22235C5.07278 4.22235 5.29657 3.99856 5.29657 3.7225C5.29657 3.44645 5.07278 3.22266 4.79672 3.22266C4.52066 3.22266 4.29688 3.44645 4.29688 3.7225C4.29688 3.99856 4.52066 4.22235 4.79672 4.22235Z"
        fill="currentColor"
      />
      <path
        d="M4.79657 4.70252C4.59885 4.70252 4.40557 4.64388 4.24117 4.53404C4.07677 4.42419 3.94864 4.26806 3.87297 4.08539C3.79731 3.90272 3.77751 3.70171 3.81608 3.50779C3.85466 3.31387 3.94987 3.13574 4.08968 2.99593C4.22949 2.85612 4.40762 2.76091 4.60154 2.72233C4.79546 2.68376 4.99647 2.70356 5.17914 2.77922C5.36181 2.85489 5.51794 2.98302 5.62779 3.14742C5.73763 3.31182 5.79627 3.5051 5.79627 3.70282C5.79627 3.96796 5.69094 4.22223 5.50346 4.40971C5.31598 4.59719 5.06171 4.70252 4.79657 4.70252Z"
        fill="currentColor"
      />
    </svg>
  );
};

export default KeyIcon;
