UNPKG

onecart-ui

Version:

OneCart UI: Cross-platform design tokens + React & React Native components

12 lines (11 loc) 1.91 kB
import React from 'react'; import { Svg, Path } from 'react-native-svg'; export const Face3 = ({ 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 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 }), React.createElement(Path, { d: "M21.088 10.331C20.653 5.614 16.697 2.000 11.962 2.000C7.228 2.000 3.271 5.614 2.836 10.331L2.084 18.579C2.000 19.558 2.770 20.402 3.757 20.402H20.168C19.558 22.000 20.327 21.155 20.235 20.176L19.491 11.929ZM11.201 5.329C13.092 5.563 14.731 6.592 15.793 8.073C15.308 8.407 14.739 8.616 14.129 8.616C12.514 8.616 11.201 7.303 11.201 5.689V3.731ZM11.126 3.731V5.689C9.528 7.303 8.215 8.616 6.601 8.616C5.990 8.616 5.421 8.407 4.936 8.073C5.998 6.592 7.638 5.563 9.528 5.329ZM4.125 9.562C4.852 10.022 5.706 10.289 6.601 10.289C8.156 10.289 9.528 9.512 10.365 8.324C11.201 9.512 12.573 10.289 14.129 10.289C15.024 10.289 15.877 10.022 16.605 9.562C16.889 10.306 17.056 11.118 17.056 11.962C17.056 15.651 14.054 18.654 10.365 18.654C6.676 18.654 3.673 15.651 3.673 11.962C3.673 11.118 3.840 10.306 4.125 9.562ZM10.365 20.327H2.159L4.225 13.543C5.480 16.588 8.466 18.729 11.962 18.729C15.459 18.729 18.445 16.588 19.700 13.543L20.168 18.729H11.962Z", fill: color }))); }; Face3.displayName = 'Face3';