onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
12 lines (11 loc) • 2 kB
JavaScript
import React from 'react';
import { Svg, Path } from 'react-native-svg';
export const Face4 = ({ 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.909 3.818C12.036 3.818 11.200 3.945 10.409 4.173C9.609 2.873 8.182 2.000 6.545 2.000C4.036 2.000 2.000 4.036 2.000 6.545C2.000 8.182 2.873 9.609 4.173 10.409C3.945 11.200 3.818 12.036 3.818 12.909C3.818 17.927 7.891 22.000 12.909 22.000C17.927 22.000 22.000 17.927 22.000 12.909C22.000 7.891 17.927 3.818 12.909 3.818ZM12.909 5.636C15.545 5.636 17.855 7.055 19.127 9.164C18.736 9.227 18.327 9.273 17.909 9.273C15.273 9.273 12.964 7.855 11.691 5.745C12.082 5.682 12.491 5.636 12.909 5.636ZM6.018 10.609C6.591 8.891 7.791 7.455 9.345 6.573C8.773 8.291 7.573 9.727 6.018 10.609ZM3.818 6.545C3.818 5.045 5.045 3.818 6.545 3.818C7.409 3.818 8.182 4.236 8.682 4.864C7.055 5.718 5.718 7.055 4.864 8.682C4.236 8.182 3.818 7.409 3.818 6.545ZM12.909 20.182C8.900 20.182 5.636 16.918 5.636 12.909C5.636 12.864 5.645 12.818 5.645 12.773C8.009 11.882 9.900 10.055 10.864 7.727C12.527 9.782 15.064 11.091 17.909 11.091C18.591 11.091 19.245 11.009 19.882 10.873C20.073 11.518 20.182 12.200 20.182 12.909C20.182 16.918 16.918 20.182 12.909 20.182Z", 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 })));
};
Face4.displayName = 'Face4';