icons StopCircle.tsx

100% Statements 2/2

100% Branches 3/3

100% Functions 1/1

100% Lines 2/2

Press n or j to go to the next uncovered block, b, p or k for the previous block.


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  
 
 
 
 
 
 
 
4x
 
 
 
 
3x
 
 
 
 
 
 
 
 
 
 
  import Svg, { Path, Rect } from "react-native-svg";
 
// Packages
import { IconProps } from "@repo/types/icons";
 
// Themes
import { colors } from "../themes";
 
export const StopCircleIcon = ({
  width = 60,
  height = 60,
  color = colors.icon.error,
}: IconProps) => (
  <Svg width={width} height={height} viewBox="0 0 60 60" fill="none" color={color}>
    <Path
      d="M30 55c13.75 0 25-11.25 25-25S43.75 5 30 5 5 16.25 5 30s11.25 25 25 25z"
      stroke="currentColor"
      strokeWidth={5}
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <Rect x="21" y="21" width="18" height="18" rx="2" fill="currentColor" />
  </Svg>
);