All files / packages/ui/src/icons CloseCircle.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 26 27 28 29 30                3x         3x                                
import Svg, { Path } from "react-native-svg";
 
// Packages
import { IconProps } from "@repo/types/icons";
 
// Themes
import { colors } from "../themes";
 
export const CloseCircleIcon = ({
  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 25zM22.925 37.075l14.15-14.15M37.075 37.075l-14.15-14.15"
      stroke="currentColor"
      strokeWidth={5}
      strokeLinecap="round"
      strokeLinejoin="round"
    />
  </Svg>
);