import React from 'react';

interface Props {
  className?: string,
  color?: string,
  width?: number,
  height?: number
}
const HistoryIcon: React.FC<Props> = ({ height, width, className, color = 'currentColor' }) => {
  return (
    <svg width={width} height={height} className={className} viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path
        d="M8.83994 2.00037C5.44661 1.90704 2.66661 4.63371 2.66661 8.00037H1.47327C1.17327 8.00037 1.02661 8.36037 1.23994 8.56704L3.09994 10.4337C3.23327 10.567 3.43994 10.567 3.57327 10.4337L5.43327 8.56704C5.63994 8.36037 5.49327 8.00037 5.19327 8.00037H3.99994C3.99994 5.40037 6.11994 3.30037 8.73327 3.33371C11.2133 3.36704 13.2999 5.45371 13.3333 7.93371C13.3666 10.5404 11.2666 12.667 8.66661 12.667C7.59327 12.667 6.59994 12.3004 5.81327 11.6804C5.54661 11.4737 5.17327 11.4937 4.93327 11.7337C4.65327 12.0137 4.67327 12.487 4.98661 12.727C5.99994 13.527 7.27327 14.0004 8.66661 14.0004C12.0333 14.0004 14.7599 11.2204 14.6666 7.82704C14.5799 4.70037 11.9666 2.08704 8.83994 2.00037ZM8.49994 5.33371C8.22661 5.33371 7.99994 5.56037 7.99994 5.83371V8.28704C7.99994 8.52037 8.12661 8.74037 8.32661 8.86037L10.4066 10.0937C10.6466 10.2337 10.9533 10.1537 11.0933 9.92037C11.2333 9.68037 11.1533 9.37371 10.9199 9.23371L8.99994 8.09371V5.82704C8.99994 5.56037 8.77327 5.33371 8.49994 5.33371Z"
        fill={color}
      />

    </svg>
  );
};

export default HistoryIcon;
