onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
13 lines (12 loc) • 1.58 kB
JavaScript
import React from 'react';
import { Svg, Path } from 'react-native-svg';
export const DirectionsOff = ({ 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: "M21.438 15.380L8.479 2.421C8.346 2.287 8.188 2.182 8.014 2.109C7.840 2.037 7.653 2.000 7.464 2.000C7.276 2.000 7.089 2.037 6.915 2.109C6.741 2.182 6.582 2.287 6.449 2.421L2.000 6.870L4.030 8.901L7.457 5.488L18.371 16.402L14.945 19.829L16.975 21.859L21.424 17.410C22.000 16.877 22.000 15.970 21.438 15.380Z", fill: color }),
React.createElement(Path, { d: "M2.000 3.424L6.030 7.455L2.909 10.576C2.815 10.669 2.741 10.780 2.691 10.902C2.640 11.025 2.614 11.156 2.614 11.288C2.614 11.420 2.640 11.551 2.691 11.673C2.741 11.796 2.815 11.907 2.909 12.000L12.000 21.091C12.394 21.485 13.030 21.485 13.424 21.091L16.545 17.970L20.576 22.000L22.000 20.576L3.434 2.000L2.000 3.424ZM8.707 10.121C8.697 10.172 8.667 10.222 8.667 10.273V15.747H9.253V13.545L13.677 17.969L11.283 20.374L3.626 12.717L6.031 10.313L7.273 11.555Z", fill: color }),
React.createElement(Path, { d: "M14.222 2.000V7.933L19.044 12.756L22.000 9.778L14.222 2.000Z", fill: color }),
React.createElement(Path, { d: "M2.000 20.519V21.336L2.664 22.000L3.071 21.590L2.000 20.519Z", fill: color })));
};
DirectionsOff.displayName = 'DirectionsOff';