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 31 | 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>
);
|