onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
10 lines (9 loc) • 1.07 kB
JavaScript
import React from 'react';
import { Svg, Path } from 'react-native-svg';
export const Cloud = ({ 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 8.000C12.620 8.000 14.880 9.860 15.390 12.430L15.690 13.930L17.220 14.040C18.780 14.140 20.000 15.450 20.000 17.000C20.000 18.650 18.650 20.000 17.000 20.000H4.000C5.790 16.000 4.000 14.210 4.000 12.000C4.000 9.950 5.530 8.240 7.560 8.030L8.630 7.920L9.130 6.970C10.080 5.140 11.940 4.000 14.000 4.000ZM14.000 2.000C11.110 2.000 8.600 3.640 7.350 6.040C4.340 6.360 2.000 8.910 2.000 12.000C2.000 15.310 4.690 18.000 8.000 18.000H21.000C19.760 22.000 22.000 19.760 22.000 17.000C22.000 14.360 19.950 12.220 17.350 12.040C16.670 8.590 13.640 6.000 10.000 6.000Z", fill: color })));
};
Cloud.displayName = 'Cloud';