All files / lib/components/icons/Exit 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
 
 
 
 
 
 
 
 
 
3x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import React from 'react';
 
function ExitIconForPauseMenu({
  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.8333" cy="32" r="32" fill="#7800ff" />
      <path
        d="M40.3217 27.2652C40.7275 26.8906 41.3602 26.9159 41.7348 27.3217L45.7348 31.6551C46.0042 31.9469 46.0754 32.3706 45.916 32.7344C45.7567 33.0983 45.3972 33.3333 45 33.3333H30C29.4477 33.3333 29 32.8856 29 32.3333C29 31.7811 29.4477 31.3333 30 31.3333H42.716L40.2652 28.6783C39.8906 28.2725 39.9159 27.6398 40.3217 27.2652Z"
        fill="white"
      />
      <path
        d="M23.6667 20.667H41C41.3682 20.667 41.6667 20.9655 41.6667 21.3337V25.3337H43.6667V21.3337C43.6667 19.8609 42.4728 18.667 41 18.667H23.6667C22.1939 18.667 21 19.8609 21 21.3337V42.667C21 44.1398 22.1939 45.3337 23.6667 45.3337H41C42.4728 45.3337 43.6667 44.1398 43.6667 42.667V40.0003H41.6667V42.667C41.6667 43.0352 41.3682 43.3337 41 43.3337H23.6667C23.2985 43.3337 23 43.0352 23 42.667V21.3337C23 20.9655 23.2985 20.667 23.6667 20.667Z"
        fill="white"
      />
      <path d="M41 36.75L45 32.3828" stroke="white" />
    </svg>
  );
}
 
export default ExitIconForPauseMenu;