onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
10 lines (9 loc) • 1.26 kB
JavaScript
import React from 'react';
import { Svg, Path } from 'react-native-svg';
export const Percent = ({ 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: "M6.375 2.000C3.963 2.000 2.000 3.963 2.000 6.375C2.000 8.787 3.963 10.750 6.375 10.750C8.787 10.750 10.750 8.787 10.750 6.375C10.750 3.963 8.787 2.000 6.375 2.000ZM6.375 8.250C5.338 8.250 4.500 7.412 4.500 6.375C4.500 5.338 5.338 4.500 6.375 4.500C7.412 4.500 8.250 5.338 8.250 6.375C8.250 7.412 7.412 8.250 6.375 8.250ZM17.625 13.250C15.213 13.250 13.250 15.213 13.250 17.625C13.250 20.038 15.213 22.000 17.625 22.000C20.038 22.000 22.000 20.038 22.000 17.625C22.000 15.213 20.038 13.250 17.625 13.250ZM17.625 19.500C16.588 19.500 15.750 18.662 15.750 17.625C15.750 16.588 16.588 15.750 17.625 15.750C18.662 15.750 19.500 16.588 19.500 17.625C19.500 18.662 18.662 19.500 17.625 19.500ZM3.762 22.000L2.000 20.238L20.238 2.000L22.000 3.762L3.762 22.000Z", fill: color })));
};
Percent.displayName = 'Percent';