All files / packages/ui/src/icons ArrowRight.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
 
 
 
 
 
 
3x
 
 
 
 
3x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import Svg, { Path } from "react-native-svg";
 
import { IconProps } from "@repo/types/icons";
 
import { colors } from "../themes";
 
export const ArrowRightIcon = ({
  width = 70,
  height = 70,
  color = colors.icon.primary,
}: IconProps) => (
  <Svg width={width} height={height} viewBox="0 0 70 70" fill="none">
    <Path
      d="M34.9997 64.1663C51.108 64.1663 64.1663 51.108 64.1663 34.9997C64.1663 18.8914 51.108 5.83301 34.9997 5.83301C18.8914 5.83301 5.83301 18.8914 5.83301 34.9997C5.83301 51.108 18.8914 64.1663 34.9997 64.1663Z"
      stroke={color}
      strokeWidth="4"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <Path
      d="M24.792 35H42.292"
      stroke={color}
      strokeWidth="4"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <Path
      d="M36.458 43.75L45.208 35L36.458 26.25"
      stroke={color}
      strokeWidth="4"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
  </Svg>
);