onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
10 lines (9 loc) • 1.02 kB
JavaScript
import React from 'react';
import { Svg, Path } from 'react-native-svg';
export const Cancel = ({ size = 'md', color = 'currentColor', style, }) => {
const sizeMap = { xs: 16, sm: 20, md: 24, lg: 32, xl: 40 };
const iconSize = typeof size === 'number' ? size : sizeMap[size];
return (React.createElement(Svg, { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", style: style },
React.createElement(Path, { d: "M12.000 2.000C6.470 2.000 2.000 6.470 2.000 12.000C2.000 17.530 6.470 22.000 12.000 22.000C17.530 22.000 22.000 17.530 22.000 12.000C22.000 6.470 17.530 2.000 12.000 2.000ZM12.000 20.000C7.590 20.000 4.000 16.410 4.000 12.000C4.000 7.590 7.590 4.000 12.000 4.000C16.410 4.000 20.000 7.590 20.000 12.000C20.000 16.410 16.410 20.000 12.000 20.000ZM15.590 7.000L12.000 10.590L8.410 7.000L7.000 8.410L10.590 12.000L7.000 15.590L8.410 17.000L12.000 13.410L15.590 17.000L17.000 15.590L13.410 12.000L17.000 8.410L15.590 7.000Z", fill: color })));
};
Cancel.displayName = 'Cancel';