onecart-ui/icons/BikeScooter.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 BikeScooter = ({ 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: "M10.000 20.667H10.987L13.760 4.080C13.480 2.867 12.400 2.000 11.160 2.000H6.000V4.667H11.160L7.720 18.333H7.707C10.160 13.867 7.960 16.307 7.453 19.333H2.000V22.000H10.000V20.667C10.000 17.720 12.387 15.333 15.333 15.333Z", fill: color }),
        React.createElement(Path, { d: "M17.238 2.000H16.457L10.410 3.248C10.143 2.495 9.429 2.000 8.629 2.000H4.857V3.905H8.629L14.438 2.000H9.048L4.724 8.667H8.667C13.019 4.457 12.714 5.095 12.571 5.810H9.914L5.590 12.476H7.810C12.990 9.838 14.771 11.410 17.000 11.514C19.667 11.638 22.000 9.429 22.000 6.752C22.000 4.095 19.905 2.000 17.238 2.000ZM17.238 9.619C15.638 9.619 14.381 8.362 14.381 6.762C14.381 5.876 14.771 5.114 15.381 4.590L16.295 7.105L18.086 6.457L17.162 3.914C17.190 3.914 17.219 3.905 17.248 3.905C18.848 3.905 20.105 5.162 20.105 6.762C20.105 8.362 18.838 9.619 17.238 9.619Z", fill: color }),
        React.createElement(Path, { d: "M12.000 2.000C6.467 2.000 2.000 6.467 2.000 12.000C2.000 17.533 6.467 22.000 12.000 22.000C17.533 22.000 22.000 17.533 22.000 12.000C22.000 6.467 17.533 2.000 12.000 2.000ZM12.000 15.333C10.167 15.333 8.667 13.833 8.667 12.000C8.667 10.167 10.167 8.667 12.000 8.667C13.833 8.667 15.333 10.167 15.333 12.000C15.333 13.833 13.833 15.333 12.000 15.333Z", fill: color }),
        React.createElement(Path, { d: "M2.430 22.000H2.615L4.205 17.820C4.152 17.593 3.950 17.430 3.717 17.430H2.750V17.930H3.717L2.003 21.562H2.000C3.530 19.655 3.117 20.113 3.023 20.680H2.000V21.180H3.500V20.930C3.500 20.377 3.947 19.930 4.500 19.930Z", fill: color }),
        React.createElement(Path, { d: "M2.288 22.000H2.411L3.475 19.204C3.440 19.052 3.304 18.943 3.149 18.943H2.502V19.278H3.149L2.002 21.707H2.000C3.023 20.431 2.747 20.737 2.684 21.117H2.000V21.451H3.003V21.284C3.003 20.915 3.303 20.615 3.672 20.615Z", fill: color })));
};
BikeScooter.displayName = 'BikeScooter';