onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
15 lines (14 loc) • 2.74 kB
JavaScript
import React from 'react';
import { Svg, Path } from 'react-native-svg';
export const CreditScore = ({ 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: "M18.000 4.000H2.000C2.890 2.000 2.010 2.890 2.010 4.000L2.000 16.000C2.000 17.110 2.890 18.000 4.000 18.000H9.000V16.000H4.000V10.000H22.000V4.000C22.000 2.890 21.110 2.000 20.000 2.000ZM20.000 6.000H4.000V4.000H20.000V6.000ZM14.930 17.170L12.100 14.340L10.690 15.750L14.930 20.000L22.000 12.930L20.590 11.520L14.930 17.170Z", fill: color }),
React.createElement(Path, { d: "M5.810 18.190H2.000C2.212 17.714 2.002 17.926 2.002 18.191L2.000 21.048C2.000 21.312 2.212 21.524 2.476 21.524H3.667V21.048H2.476V19.619H6.762V18.191C6.762 17.926 6.550 17.714 6.286 17.714ZM6.286 18.667H2.476V18.191H6.286V18.667ZM5.079 21.326L4.405 20.652L4.069 20.988L5.079 22.000L6.762 20.317L6.426 19.981L5.079 21.326Z", fill: color }),
React.createElement(Path, { d: "M4.589 19.411H2.000C2.144 19.087 2.002 19.231 2.002 19.411L2.000 21.353C2.000 21.532 2.144 21.677 2.324 21.677H3.133V21.353H2.324V20.382H5.236V19.411C5.236 19.231 5.092 19.087 4.913 19.087ZM4.913 19.735H2.324V19.411H4.913V19.735ZM4.092 21.542L3.634 21.084L3.406 21.312L4.092 22.000L5.236 20.856L5.008 20.628L4.092 21.542Z", fill: color }),
React.createElement(Path, { d: "M4.133 19.867H2.000C2.119 19.600 2.001 19.719 2.001 19.867L2.000 21.467C2.000 21.615 2.119 21.733 2.267 21.733H2.933V21.467H2.267V20.667H4.667V19.867C4.667 19.719 4.548 19.600 4.400 19.600ZM4.400 20.133H2.267V19.867H4.400V20.133ZM3.724 21.623L3.347 21.245L3.159 21.433L3.724 22.000L4.667 21.057L4.479 20.869L3.724 21.623Z", fill: color }),
React.createElement(Path, { d: "M3.895 20.105H2.000C2.105 19.868 2.001 19.973 2.001 20.105L2.000 21.526C2.000 21.658 2.105 21.763 2.237 21.763H2.829V21.526H2.237V20.816H4.369V20.105C4.369 19.973 4.263 19.868 4.132 19.868ZM4.132 20.342H2.237V20.105H4.132V20.342ZM3.531 21.665L3.196 21.330L3.029 21.497L3.531 22.000L4.369 21.163L4.202 20.996L3.531 21.665Z", fill: color }),
React.createElement(Path, { d: "M3.749 20.251H2.000C2.097 20.033 2.001 20.130 2.001 20.251L2.000 21.563C2.000 21.684 2.097 21.781 2.219 21.781H2.765V21.563H2.219V20.907H4.186V20.251C4.186 20.130 4.089 20.033 3.967 20.033ZM3.967 20.470H2.219V20.251H3.967V20.470ZM3.413 21.691L3.104 21.381L2.950 21.536L3.413 22.000L4.186 21.227L4.032 21.073L3.413 21.691Z", fill: color })));
};
CreditScore.displayName = 'CreditScore';