onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
10 lines (9 loc) • 1.21 kB
JavaScript
import React from 'react';
import { Svg, Path } from 'react-native-svg';
export const AddShoppingCart = ({ 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: "M11.524 9.619H13.429V6.762H16.286V4.857H13.429V2.000H11.524V4.857H8.667V6.762H11.524V9.619ZM7.714 18.190C6.667 18.190 5.819 19.048 5.819 20.095C5.819 21.143 6.667 22.000 7.714 22.000C8.762 22.000 9.619 21.143 9.619 20.095C9.619 19.048 8.762 18.190 7.714 18.190ZM17.238 18.190C16.190 18.190 15.343 19.048 15.343 20.095C15.343 21.143 16.190 22.000 17.238 22.000C18.286 22.000 19.143 21.143 19.143 20.095C19.143 19.048 18.286 18.190 17.238 18.190ZM8.762 13.429H15.857C16.571 13.429 17.200 13.038 17.524 12.448L21.200 5.771L19.543 4.857L15.857 11.524H9.171L5.114 2.952H2.000V4.857H3.905L7.333 12.086L6.048 14.410C5.352 15.686 6.267 17.238 7.714 17.238H19.143V15.333H7.714L8.762 13.429Z", fill: color })));
};
AddShoppingCart.displayName = 'AddShoppingCart';