icons TimeProgressIcon.tsx

50% Statements 1/2
0% Branches 0/3
0% Functions 0/1
50% Lines 1/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
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63  
 
 
 
 
 
 
 
519x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { palette } from "@palette";
 
interface IconProps {
  height?: number;
  width?: number;
  stroke?: string;
}
 
const TimeProgressIcon = ({
  width = 25,
  height = 24,
  stroke = palette.neutral[70],
}: IconProps) => {
  return (
    <svg
      width={width}
      height={height}
      viewBox="0 0 25 24"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M6.13604 5.63604C4.6637 7.10837 3.74743 9.04567 3.54334 11.1178C3.33925 13.19 3.85997 15.2688 5.01677 17.0001C6.17358 18.7314 7.8949 20.008 9.88744 20.6125C11.88 21.2169 14.0204 21.1117 15.9441 20.3149C17.8678 19.5181 19.4557 18.0789 20.4373 16.2426C21.4188 14.4062 21.7333 12.2864 21.3271 10.2442C20.9209 8.202 19.8191 6.36384 18.2095 5.04291C16.6 3.72197 14.5822 3 12.5 3"
        stroke={stroke}
        strokeWidth="2"
        strokeLinecap="round"
      />
      <path
        d="M12.5 12L6.5 6"
        stroke={stroke}
        strokeWidth="1.5"
        strokeLinecap="round"
      />
      <path
        d="M12.5 3V5"
        stroke={stroke}
        strokeWidth="1.5"
        strokeLinecap="round"
      />
      <path
        d="M21.5 12L19.5 12"
        stroke={stroke}
        strokeWidth="1.5"
        strokeLinecap="round"
      />
      <path
        d="M12.5 19V21"
        stroke={stroke}
        strokeWidth="1.5"
        strokeLinecap="round"
      />
      <path
        d="M5.5 12L3.5 12"
        stroke={stroke}
        strokeWidth="1.5"
        strokeLinecap="round"
      />
    </svg>
  );
};
 
export default TimeProgressIcon;