onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
13 lines (12 loc) • 1.45 kB
JavaScript
import React from 'react';
import { Svg, Path } from 'react-native-svg';
export const OfflineShare = ({ 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: "M19.895 2.000H11.474C10.316 2.000 9.368 2.947 9.368 4.105V18.842C9.368 20.000 10.316 20.947 11.474 20.947H19.895C21.053 20.947 22.000 20.000 22.000 18.842V4.105C22.000 2.947 21.053 2.000 19.895 2.000ZM19.895 18.842H11.474V17.789H19.895V18.842ZM19.895 15.684H11.474V7.263H19.895V15.684ZM19.895 5.158H11.474V4.105H19.895V5.158Z", fill: color }),
React.createElement(Path, { d: "M15.333 5.636H19.285L13.370 11.552L15.939 14.121L22.000 8.061L15.939 2.000L13.370 4.570L15.042 6.242H9.879C12.788 2.000 11.697 3.091 11.697 4.424V14.121H11.091V9.879Z", fill: color }),
React.createElement(Path, { d: "M4.222 2.000H2.000V19.778C2.000 21.000 3.000 22.000 4.222 22.000H15.333V19.778H4.222V2.000Z", fill: color }),
React.createElement(Path, { d: "M2.448 21.179H2.934L2.430 21.684L2.746 22.000L3.493 21.254L2.746 20.507L2.430 20.824L2.636 21.030H2.000C2.134 20.731 2.000 20.866 2.000 21.030V22.000H2.149V21.478Z", fill: color })));
};
OfflineShare.displayName = 'OfflineShare';