onecart-ui/icons/ShoppingBag.native.js

OneCart UI: Cross-platform design tokens + React & React Native components

import React from 'react';
import { Svg, Path } from 'react-native-svg';
export const ShoppingBag = ({ 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.000H16.000C14.000 3.790 12.210 2.000 10.000 2.000C7.790 2.000 6.000 3.790 6.000 6.000H4.000C4.900 4.000 4.000 4.900 4.000 6.000V20.000C2.000 21.100 2.900 22.000 4.000 22.000H16.000C19.100 20.000 20.000 19.100 20.000 18.000V8.000C18.000 6.900 17.100 6.000 16.000 6.000ZM10.000 4.000C11.100 4.000 12.000 4.900 12.000 6.000H8.000C10.000 2.900 10.900 2.000 12.000 2.000ZM18.000 18.000H6.000V6.000H8.000V8.000C8.000 8.550 8.450 9.000 9.000 9.000C9.550 9.000 10.000 8.550 10.000 8.000V8.000H12.000V10.000C12.000 10.550 12.450 11.000 13.000 11.000C13.550 11.000 14.000 10.550 14.000 10.000V6.000H18.000V18.000Z", fill: color })));
};
ShoppingBag.displayName = 'ShoppingBag';