All files / packages/ui/src/icons Logout.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
 
 
 
 
 
 
3x
 
 
 
 
3x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import Svg, { Path } from "react-native-svg";
 
import { IconProps } from "@repo/types/icons";
 
import { colors } from "../themes";
 
export const LogoutIcon = ({
  width = 26,
  height = 26,
  color = colors.text.heading,
}: IconProps) => (
  <Svg width={width} height={height} viewBox="0 0 26 26" fill="none">
    <Path
      d="M16.5102 24.1267H16.3694C11.5594 24.1267 9.24105 22.2308 8.84022 17.9842C8.79689 17.54 9.12189 17.1392 9.57689 17.0958C10.0102 17.0525 10.4219 17.3883 10.4652 17.8325C10.7794 21.2342 12.3827 22.5017 16.3802 22.5017H16.5211C20.9302 22.5017 22.4902 20.9417 22.4902 16.5325V9.46917C22.4902 5.06 20.9302 3.5 16.5211 3.5H16.3802C12.3611 3.5 10.7577 4.78917 10.4652 8.25583C10.4111 8.7 10.0319 9.03583 9.57689 8.9925C9.12189 8.96 8.79689 8.55917 8.82939 8.115C9.19772 3.80333 11.5269 1.875 16.3694 1.875H16.5102C21.8294 1.875 24.1044 4.15 24.1044 9.46917V16.5325C24.1044 21.8517 21.8294 24.1267 16.5102 24.1267Z"
      fill={color}
      stroke={color}
      strokeWidth={0.5}
    />
    <Path
      d="M16.2502 13.8125H3.92188C3.47771 13.8125 3.10938 13.4442 3.10938 13C3.10938 12.5558 3.47771 12.1875 3.92188 12.1875H16.2502C16.6944 12.1875 17.0627 12.5558 17.0627 13C17.0627 13.4442 16.6944 13.8125 16.2502 13.8125Z"
      fill={color}
      stroke={color}
      strokeWidth={0.5}
    />
    <Path
      d="M6.33837 17.4412C6.13254 17.4412 5.92671 17.3653 5.76421 17.2028L2.13504 13.5737C1.82087 13.2595 1.82087 12.7395 2.13504 12.4253L5.76421 8.79617C6.07837 8.48201 6.59837 8.48201 6.91254 8.79617C7.22671 9.11034 7.22671 9.63034 6.91254 9.94451L3.85754 12.9995L6.91254 16.0545C7.22671 16.3687 7.22671 16.8887 6.91254 17.2028C6.76087 17.3653 6.54421 17.4412 6.33837 17.4412Z"
      fill={color}
      stroke={color}
      strokeWidth={0.5}
    />
  </Svg>
);