All files / lib/components/icons/Refresh index.tsx

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
 
 
 
 
 
 
 
 
 
 
 
4x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import React from 'react';
 
export function RefreshIcon({
  color = 'white',
  className,
  onClick
}: {
  color?: string;
  className?: string;
  onClick?: () => void;
}) {
  return (
    <svg
      width="24"
      height="24"
      viewBox="0 0 24 24"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
      onClick={onClick}
    >
      <path
        fill={color}
        d="M20.3 12.0002C19.8 12.0002 19.5 12.3002 19.5 12.7002C19.2 16.5002 15.9 19.5002 12 19.5002C7.6 19.5002 4 15.7002 4.5 11.1002C4.9 7.8002 7.7 5.0002 11 4.6002C14.1 4.2002 16.8 5.7002 18.3 8.1002H14.4C14 8.1002 13.6 8.4002 13.6 8.9002C13.6 9.4002 13.9 9.7002 14.4 9.7002H19.7C20.1 9.7002 20.5 9.4002 20.5 8.9002V3.5002C20.5 3.1002 20.2 2.7002 19.7 2.7002C19.2 2.7002 18.9 3.0002 18.9 3.5002V6.3002C17.2 4.2002 14.6 2.9002 11.7 3.0002C7 3.2002 3.1 7.1002 3 11.7002C2.9 16.8002 6.9 21.0002 12 21.0002C16.7 21.0002 20.6 17.4002 21 12.8002C21 12.4002 20.7 12.0002 20.3 12.0002Z"
      />
    </svg>
  );
}
 
export function RefreshIconForPauseMenu({
  className,
  onClick
}: {
  className?: string;
  onClick?: () => void;
}) {
  return (
    <svg
      width="65"
      height="64"
      viewBox="0 0 65 64"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
      onClick={onClick}
    >
      <circle cx="32.5" cy="32" r="32" fill="#7800ff" />
      <path
        d="M44.0667 31.9996C43.4 31.9996 43 32.3996 43 32.9329C42.6 37.9996 38.2 41.9996 33 41.9996C27.1333 41.9996 22.3333 36.9329 23 30.7996C23.5333 26.3996 27.2667 22.6663 31.6667 22.1329C35.8 21.5996 39.4 23.5996 41.4 26.7996H36.2C35.6667 26.7996 35.1333 27.1996 35.1333 27.8663C35.1333 28.5329 35.5333 28.9329 36.2 28.9329H43.2667C43.8 28.9329 44.3333 28.5329 44.3333 27.8663V20.6663C44.3333 20.1329 43.9333 19.5996 43.2667 19.5996C42.6 19.5996 42.2 19.9996 42.2 20.6663V24.3996C39.9333 21.5996 36.4667 19.8663 32.6 19.9996C26.3333 20.2663 21.1333 25.4663 21 31.5996C20.8667 38.3996 26.2 43.9996 33 43.9996C39.2667 43.9996 44.4667 39.1996 45 33.0663C45 32.5329 44.6 31.9996 44.0667 31.9996Z"
        fill="white"
      />
    </svg>
  );
}