import React from "react"
import { IconProps } from "./types"

export default function HistoryIcon({
  height = 30,
  width = 30,
  color = "#6D7178",
}: IconProps) {
  return (
    <svg
      width={width}
      height={height}
      viewBox="0 0 30 30"
      fill={color}
      xmlns="http://www.w3.org/2000/svg"
    >
      <g clipPath="url(#clip0_46927_81185)">
        <path
          d="M16.25 3.75C10.0375 3.75 5 8.7875 5 15H1.25L6.1125 19.8625L6.2 20.0375L11.25 15H7.5C7.5 10.1625 11.4125 6.25 16.25 6.25C21.0875 6.25 25 10.1625 25 15C25 19.8375 21.0875 23.75 16.25 23.75C13.8375 23.75 11.65 22.7625 10.075 21.175L8.3 22.95C10.3375 24.9875 13.1375 26.25 16.25 26.25C22.4625 26.25 27.5 21.2125 27.5 15C27.5 8.7875 22.4625 3.75 16.25 3.75ZM15 10V16.25L20.3125 19.4L21.275 17.8L16.875 15.1875V10H15Z"
          fill={color}
        />
      </g>
      <defs>
        <clipPath id="clip0_46927_81185">
          <rect width="30" height="30" fill="white" />
        </clipPath>
      </defs>
    </svg>
  )
}