onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
10 lines (9 loc) • 1.16 kB
JavaScript
import React from 'react';
import { Svg, Path } from 'react-native-svg';
export const Watch = ({ 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: "M10.580 4.000L10.990 6.480C10.140 6.170 9.230 6.000 8.270 6.000C7.320 6.000 6.400 6.170 5.560 6.470L5.970 4.000H10.580ZM16.720 15.790L16.310 18.270H11.700L5.560 21.530C6.400 21.830 7.320 22.000 8.270 22.000C9.230 22.000 10.140 21.830 10.990 21.520ZM12.270 2.000H4.270L9.050 2.000C7.190 3.460 6.000 5.720 6.000 8.270C6.000 10.820 7.190 13.080 9.050 14.540L10.000 20.270H18.000L13.230 20.270C15.080 18.810 16.270 16.540 16.270 14.000C16.270 11.460 15.080 9.190 13.230 7.730L12.270 2.000ZM8.270 20.000C4.960 20.000 2.270 17.310 2.270 14.000C2.270 10.690 4.960 8.000 8.270 8.000C11.580 8.000 14.270 10.690 14.270 14.000C14.270 17.310 11.580 20.000 8.270 20.000Z", fill: color })));
};
Watch.displayName = 'Watch';