All files / src/icons HistoryIcon.tsx

100% Statements 19/19
100% Branches 1/1
100% Functions 1/1
100% Lines 19/19

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 351x 1x     1x               1x 1x 22x 22x 22x 22x 22x 22x 22x 22x 22x   22x 22x 22x         22x   1x  
/** @internal */
import SvgIcon, { type SvgIconProps } from '@mui/material/SvgIcon';
import { FC } from 'react';
 
/**
 * A Material-UI icon component that renders a history icon.
 * This icon is typically used to represent history, past actions, or time-based records.
 *
 * @component
 * @param props - The props passed to the underlying SvgIcon component
 * @returns A React component that renders the history icon
 * @source
 */
const HistoryIcon: FC<SvgIconProps> = (props) => {
  return (
    <SvgIcon {...props}>
      <svg
        {...props}
        width="24"
        height="24"
        viewBox="0 0 24 24"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
      >
        <path
          d="M13 3C8.03 3 4 7.03 4 12H1L4.89 15.89L4.96 16.03L9 12H6C6 7.58 9.58 4 14 4C18.42 4 22 7.58 22 12C22 16.42 18.42 20 14 20C11.24 20 8.88 18.36 7.84 16H6.26C7.44 18.95 10.42 21 14 21C19.05 21 23 17.05 23 12C23 6.95 19.05 3 14 3V3ZM12 8V13L16.28 15.54L17 14.33L13.5 12.25V8H12Z"
          fill="currentColor"
        />
      </svg>
    </SvgIcon>
  );
};
 
export default HistoryIcon;