export const HistoryGradientBgIcon = () => {
  return (
    <div className="relative bg-gradient-to-r from-t_main_accent_light to-t_main_accent_dark rounded-full">
      <svg
        width="29"
        height="28"
        viewBox="0 0 29 28"
        xmlns="http://www.w3.org/2000/svg"
      >
        <path d="M14.3979 21.5C12.5771 21.5 10.9905 20.8646 9.63805 19.5938C8.28562 18.3229 7.51045 16.7361 7.31253 14.8333H8.93545C9.12017 16.2778 9.73041 17.4722 10.7662 18.4167C11.8019 19.3611 13.0125 19.8333 14.3979 19.8333C15.9417 19.8333 17.2512 19.2674 18.3266 18.1354C19.4019 17.0035 19.9396 15.625 19.9396 14C19.9396 12.375 19.4019 10.9965 18.3266 9.86458C17.2512 8.73264 15.9417 8.16667 14.3979 8.16667C13.4875 8.16667 12.6365 8.38889 11.8448 8.83333C11.0532 9.27778 10.3868 9.88889 9.84587 10.6667H12.0229V12.3333H7.27295V7.33333H8.85628V9.29167C9.5292 8.40278 10.3506 7.71528 11.3203 7.22917C12.2901 6.74306 13.316 6.5 14.3979 6.5C15.3875 6.5 16.3144 6.69792 17.1787 7.09375C18.0429 7.48958 18.795 8.02431 19.4349 8.69792C20.0749 9.37153 20.5828 10.1632 20.9589 11.0729C21.3349 11.9826 21.5229 12.9583 21.5229 14C21.5229 15.0417 21.3349 16.0174 20.9589 16.9271C20.5828 17.8368 20.0749 18.6285 19.4349 19.3021C18.795 19.9757 18.0429 20.5104 17.1787 20.9062C16.3144 21.3021 15.3875 21.5 14.3979 21.5ZM16.6146 17.5L13.6063 14.3333V9.83333H15.1896V13.6667L17.7229 16.3333L16.6146 17.5Z" />
      </svg>
    </div>
  );
};