onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
16 lines (15 loc) • 3.73 kB
JavaScript
import React from 'react';
import { Svg, Path } from 'react-native-svg';
export const ManageAccounts = ({ 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.525 22.000 22.000 17.525 22.000 12.000C22.000 6.475 17.525 2.000 12.000 2.000C6.475 2.000 2.000 6.475 2.000 12.000C2.000 17.525 6.475 22.000 12.000 22.000ZM12.000 7.000C14.750 7.000 17.000 9.250 17.000 12.000C17.000 14.750 14.750 17.000 12.000 17.000C9.250 17.000 7.000 14.750 7.000 12.000C7.000 9.250 9.250 7.000 12.000 7.000Z", fill: color }),
React.createElement(Path, { d: "M2.000 19.778V16.833C4.222 16.456 4.400 16.100 4.678 15.933C6.556 14.811 8.700 14.222 10.889 14.222C10.922 14.222 10.944 14.222 10.978 14.233C11.089 13.456 11.311 12.711 11.633 12.033C11.389 12.011 11.144 12.000 10.889 12.000C8.200 12.000 5.689 12.744 3.544 14.022C2.567 14.600 2.000 15.689 2.000 16.833V22.000H10.067C11.822 19.111 11.456 18.356 11.211 17.556H4.222Z", fill: color }),
React.createElement(Path, { d: "M19.687 12.707C19.687 12.236 19.623 11.807 19.559 11.358L22.000 9.195L19.859 5.490L16.754 6.540C16.069 5.961 15.298 5.512 14.441 5.191L13.799 2.000H9.516L12.064 2.000C11.208 2.321 10.437 2.771 9.752 3.349L6.647 2.300L4.505 6.004L6.946 8.167C6.882 8.617 6.818 9.045 6.818 9.516C6.818 9.987 6.882 10.415 6.946 10.865L4.505 13.028L6.647 16.732L9.752 15.683C10.437 16.261 11.208 16.711 12.064 17.032L12.707 20.223H16.989L14.441 20.223C15.298 19.901 16.069 19.452 16.754 18.874L19.859 19.923L22.000 16.218L19.559 14.056C19.623 13.606 19.687 13.178 19.687 12.707ZM11.657 16.989C9.302 16.989 7.375 15.062 7.375 12.707C7.375 10.351 9.302 8.424 11.657 8.424C14.013 8.424 15.940 10.351 15.940 12.707C15.940 15.062 14.013 16.989 11.657 16.989Z", fill: color }),
React.createElement(Path, { d: "M2.000 21.524V20.893C2.476 20.812 2.514 20.736 2.574 20.700C2.976 20.460 3.436 20.333 3.905 20.333C3.912 20.333 3.917 20.333 3.924 20.336C3.948 20.169 3.995 20.010 4.064 19.864C4.012 19.860 3.960 19.857 3.905 19.857C3.329 19.857 2.790 20.017 2.331 20.291C2.121 20.414 2.000 20.648 2.000 20.893V22.000H3.729C4.105 21.381 4.026 21.219 3.974 21.048H2.476Z", fill: color }),
React.createElement(Path, { d: "M2.000 21.676V21.247C2.324 21.192 2.350 21.141 2.390 21.116C2.663 20.953 2.976 20.867 3.295 20.867C3.299 20.867 3.303 20.867 3.307 20.869C3.324 20.756 3.356 20.647 3.403 20.548C3.367 20.545 3.332 20.544 3.295 20.544C2.903 20.544 2.537 20.652 2.225 20.838C2.083 20.922 2.000 21.081 2.000 21.247V22.000H3.175C3.430 21.579 3.377 21.469 3.341 21.353H2.324Z", fill: color }),
React.createElement(Path, { d: "M2.000 21.733V21.380C2.267 21.335 2.288 21.292 2.321 21.272C2.547 21.137 2.804 21.067 3.067 21.067C3.071 21.067 3.073 21.067 3.077 21.068C3.091 20.975 3.117 20.885 3.156 20.804C3.127 20.801 3.097 20.800 3.067 20.800C2.744 20.800 2.443 20.889 2.185 21.043C2.068 21.112 2.000 21.243 2.000 21.380V22.000H2.968C3.179 21.653 3.135 21.563 3.105 21.467H2.267Z", fill: color }),
React.createElement(Path, { d: "M2.000 21.763V21.449C2.237 21.409 2.256 21.371 2.285 21.353C2.486 21.234 2.714 21.171 2.948 21.171C2.951 21.171 2.953 21.171 2.957 21.172C2.969 21.089 2.993 21.010 3.027 20.938C3.001 20.935 2.975 20.934 2.948 20.934C2.661 20.934 2.393 21.013 2.165 21.150C2.060 21.211 2.000 21.327 2.000 21.449V22.000H2.860C3.047 21.692 3.008 21.612 2.982 21.526H2.237Z", fill: color })));
};
ManageAccounts.displayName = 'ManageAccounts';