icons Repeat.tsx

0% Statements 0/2
0% Branches 0/5
0% Functions 0/2
0% Lines 0/2
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
35
36
37
38
39
40
41
42
43
44
45  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { ReactElement, SVGProps } from "react";
 
function RepeatTrack({
  fill,
  ...props
}: SVGProps<SVGSVGElement>): ReactElement {
  return (
    <svg role="img" height="16" width="16" viewBox="0 0 16 16" {...props}>
      <path
        fill={fill}
        d="M0 4.75A3.75 3.75 0 013.75 1h.75v1.5h-.75A2.25 2.25 0 001.5 4.75v5A2.25 2.25 0 003.75 12H5v1.5H3.75A3.75 3.75 0 010 9.75v-5zM12.25 2.5h-.75V1h.75A3.75 3.75 0 0116 4.75v5a3.75 3.75 0 01-3.75 3.75H9.81l1.018 1.018a.75.75 0 11-1.06 1.06L6.939 12.75l2.829-2.828a.75.75 0 111.06 1.06L9.811 12h2.439a2.25 2.25 0 002.25-2.25v-5a2.25 2.25 0 00-2.25-2.25z"
      ></path>
      <path
        fill={fill}
        d="M9.12 8V1H7.787c-.128.72-.76 1.293-1.787 1.313V3.36h1.57V8h1.55z"
      ></path>
    </svg>
  );
}
 
export default function Repeat({
  fill,
  state,
  ...props
}: SVGProps<SVGSVGElement> & {
  state: 0 | 1 | 2;
}): ReactElement {
  Iif (state === 2) {
    return <RepeatTrack fill={fill} {...props} />;
  }
  return (
    <svg role="img" height="16" width="16" viewBox="0 0 16 16" {...props}>
      <path
        fill={fill}
        d="M0 4.75A3.75 3.75 0 013.75 1h8.5A3.75 3.75 0 0116 4.75v5a3.75 3.75 0 01-3.75 3.75H9.81l1.018 1.018a.75.75 0 11-1.06 1.06L6.939 12.75l2.829-2.828a.75.75 0 111.06 1.06L9.811 12h2.439a2.25 2.25 0 002.25-2.25v-5a2.25 2.25 0 00-2.25-2.25h-8.5A2.25 2.25 0 001.5 4.75v5A2.25 2.25 0 003.75 12H5v1.5H3.75A3.75 3.75 0 010 9.75v-5z"
      ></path>
      <style jsx>{`
        svg {
          fill: currentColor;
        }
      `}</style>
    </svg>
  );
}