onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
13 lines (12 loc) • 1.62 kB
JavaScript
import React from 'react';
import { Svg, Path } from 'react-native-svg';
export const Discount = ({ 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.523 22.000 22.000 17.523 22.000 12.000C22.000 6.477 17.523 2.000 12.000 2.000C6.477 2.000 2.000 6.477 2.000 12.000C2.000 17.523 6.477 22.000 12.000 22.000Z", fill: color }),
React.createElement(Path, { d: "M12.741 18.432C13.109 18.800 13.590 18.989 14.072 18.989C14.553 18.989 15.034 18.800 15.403 18.432L21.264 12.571C22.000 11.835 22.000 10.636 21.264 9.900L13.911 2.547C13.562 2.198 13.081 2.000 12.580 2.000H6.719C5.681 2.000 4.832 2.849 4.832 3.888V9.749C4.832 10.249 5.030 10.731 5.388 11.080L12.741 18.432ZM6.719 3.888H12.580L19.933 11.240L14.072 17.101L6.719 9.749V3.888Z", fill: color }),
React.createElement(Path, { d: "M11.698 19.831L2.000 10.133V12.114C2.000 12.639 2.208 13.144 2.584 13.511L10.301 21.227C11.074 22.000 12.332 22.000 13.105 21.227L19.256 15.076C20.029 14.303 20.029 13.045 19.256 12.272L11.698 19.831Z", fill: color }),
React.createElement(Path, { d: "M4.272 21.492L2.000 19.220V19.684C2.000 19.807 2.049 19.926 2.137 20.011L3.945 21.819C4.126 22.000 4.420 22.000 4.601 21.819L6.042 20.378C6.223 20.197 6.223 19.902 6.042 19.721L4.272 21.492Z", fill: color })));
};
Discount.displayName = 'Discount';