onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
12 lines (11 loc) • 1.72 kB
JavaScript
import React from 'react';
import { Svg, Path } from 'react-native-svg';
export const Face6 = ({ 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.480 2.000 2.000 6.480 2.000 12.000C2.000 17.520 6.480 22.000 12.000 22.000C17.520 22.000 22.000 17.520 22.000 12.000C22.000 6.480 17.520 2.000 12.000 2.000ZM12.000 4.000C15.680 4.000 18.780 6.510 19.710 9.900C19.110 9.740 18.380 9.530 17.450 7.660C16.940 6.640 15.910 6.000 14.760 6.000H9.240C8.090 6.000 7.060 6.640 6.550 7.660C5.620 9.520 4.970 9.720 4.290 9.900C5.220 6.510 8.320 4.000 12.000 4.000ZM12.000 20.000C7.590 20.000 4.000 16.410 4.000 12.000C4.000 11.990 4.000 11.980 4.000 11.970C6.310 11.750 7.430 10.380 8.340 8.560C8.510 8.210 8.850 8.000 9.240 8.000H14.770C15.150 8.000 15.490 8.210 15.660 8.550C16.560 10.350 17.650 11.740 20.000 11.960C20.000 11.970 20.000 11.980 20.000 11.990C20.000 16.410 16.410 20.000 12.000 20.000Z", fill: color }),
React.createElement(Path, { d: "M12.000 22.000C17.523 22.000 22.000 17.523 22.000 12.000C22.000 6.477 17.523 2.000 12.000 2.000C6.477 2.000 2.000 6.477 2.000 12.000C2.000 17.523 6.477 22.000 12.000 22.000Z", fill: color }),
React.createElement(Path, { d: "M12.000 22.000C17.523 22.000 22.000 17.523 22.000 12.000C22.000 6.477 17.523 2.000 12.000 2.000C6.477 2.000 2.000 6.477 2.000 12.000C2.000 17.523 6.477 22.000 12.000 22.000Z", fill: color })));
};
Face6.displayName = 'Face6';