onecart-ui/icons/ShoppingBasket.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 ShoppingBasket = ({ 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: "M22.000 8.667H17.438L12.314 3.371C12.133 3.105 11.829 2.971 11.524 2.971C11.219 2.971 10.914 3.105 10.733 3.381L6.562 9.619H2.000C2.429 8.667 2.000 9.095 2.000 9.619C2.000 9.705 2.010 9.790 2.038 9.876L4.457 18.705C4.676 19.505 5.410 20.095 6.286 20.095H18.667C18.590 21.048 19.324 20.457 19.552 19.657L21.971 10.829L22.000 10.571C22.000 10.048 21.571 9.619 21.048 9.619ZM11.524 5.619L14.190 9.619H8.857L12.476 4.667ZM18.667 18.190L6.295 18.200L4.200 10.571H20.762L17.714 19.143ZM11.524 13.429C10.476 13.429 9.619 14.286 9.619 15.333C9.619 16.381 10.476 17.238 11.524 17.238C12.571 17.238 13.429 16.381 13.429 15.333C13.429 14.286 12.571 13.429 11.524 13.429Z", fill: color }),
        React.createElement(Path, { d: "M6.884 18.977H5.770L4.519 17.684C4.474 17.619 4.400 17.586 4.326 17.586C4.251 17.586 4.177 17.619 4.133 17.686L3.114 19.209H2.000C2.105 18.977 2.000 19.081 2.000 19.209C2.000 19.230 2.002 19.251 2.009 19.272L2.600 21.428C2.654 21.623 2.833 21.767 3.047 21.767H6.070C6.051 22.000 6.230 21.856 6.286 21.660L6.877 19.505L6.884 19.442C6.884 19.314 6.779 19.209 6.651 19.209ZM4.326 18.233L4.977 19.209H3.674L4.558 18.000ZM6.070 21.302L3.049 21.305L2.537 19.442H6.581L5.837 21.535ZM4.326 20.140C4.070 20.140 3.860 20.349 3.860 20.605C3.860 20.860 4.070 21.070 4.326 21.070C4.581 21.070 4.791 20.860 4.791 20.605C4.791 20.349 4.581 20.140 4.326 20.140Z", fill: color })));
};
ShoppingBasket.displayName = 'ShoppingBasket';