onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
10 lines (9 loc) • 1.29 kB
JavaScript
import React from 'react';
import { Svg, Path } from 'react-native-svg';
export const AccountBox = ({ 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: "M19.778 2.000H4.222C3.000 2.000 2.000 3.000 2.000 4.222V19.778C2.000 21.000 3.000 22.000 4.222 22.000H19.778C21.000 22.000 22.000 21.000 22.000 19.778V4.222C22.000 3.000 21.000 2.000 19.778 2.000ZM17.556 19.778H6.444V19.511C8.022 18.244 9.956 17.556 12.000 17.556C14.044 17.556 15.978 18.244 17.556 19.511V19.778ZM19.778 18.511C17.778 16.544 15.033 15.333 12.000 15.333C8.967 15.333 6.222 16.544 4.222 18.511V4.222H19.778V18.511ZM12.000 13.111C14.144 13.111 15.889 11.367 15.889 9.222C15.889 7.078 14.144 5.333 12.000 5.333C9.856 5.333 8.111 7.078 8.111 9.222C8.111 11.367 9.856 13.111 12.000 13.111ZM12.000 7.556C12.922 7.556 13.667 8.300 13.667 9.222C13.667 10.144 12.922 10.889 12.000 10.889C11.078 10.889 10.333 10.144 10.333 9.222C10.333 8.300 11.078 7.556 12.000 7.556Z", fill: color })));
};
AccountBox.displayName = 'AccountBox';