onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
11 lines (10 loc) • 1.53 kB
JavaScript
import React from 'react';
import { Svg, Path } from 'react-native-svg';
export const AccountCircle = ({ 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.486 2.000 2.000 6.486 2.000 12.000C2.000 17.514 6.486 22.000 12.000 22.000C17.514 22.000 22.000 17.514 22.000 12.000C22.000 6.486 17.514 2.000 12.000 2.000ZM12.000 16.286C9.629 16.286 7.714 14.371 7.714 12.000C7.714 9.629 9.629 7.714 12.000 7.714C14.371 7.714 16.286 9.629 16.286 12.000C16.286 14.371 14.371 16.286 12.000 16.286Z", fill: color }),
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.000ZM7.350 18.500C8.660 17.560 10.260 17.000 12.000 17.000C13.740 17.000 15.340 17.560 16.650 18.500C15.340 19.440 13.740 20.000 12.000 20.000C10.260 20.000 8.660 19.440 7.350 18.500ZM18.140 17.120C16.450 15.800 14.320 15.000 12.000 15.000C9.680 15.000 7.550 15.800 5.860 17.120C4.700 15.730 4.000 13.950 4.000 12.000C4.000 7.580 7.580 4.000 12.000 4.000C16.420 4.000 20.000 7.580 20.000 12.000C20.000 13.950 19.300 15.730 18.140 17.120Z", fill: color })));
};
AccountCircle.displayName = 'AccountCircle';