All files / packages/ui/src/icons PlusCircle.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 PlusCircleIcon = ({
  width = 40,
  height = 40,
  color = colors.icon.success,
}: IconProps) => (
  <Svg width={width} height={height} viewBox="0 0 40 40" fill="none">
    <Path
      d="M19.9999 36.6663C29.1666 36.6663 36.6666 29.1663 36.6666 19.9997C36.6666 10.833 29.1666 3.33301 19.9999 3.33301C10.8333 3.33301 3.33325 10.833 3.33325 19.9997C3.33325 29.1663 10.8333 36.6663 19.9999 36.6663Z"
      stroke={color}
      strokeWidth="3"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <Path
      d="M13.3333 20H26.6666"
      stroke="white"
      strokeWidth="3"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <Path
      d="M20 26.6663V13.333"
      stroke={color}
      strokeWidth="3"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
  </Svg>
);