onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
10 lines (9 loc) • 1.08 kB
JavaScript
import React from 'react';
import { Svg, Path } from 'react-native-svg';
export const WbCloudy = ({ 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.006 7.987C12.615 7.987 14.893 9.846 15.403 12.415L15.703 13.914L17.222 14.024C18.782 14.134 20.001 15.434 20.001 16.983C20.001 18.632 18.652 19.981 17.002 19.981H4.009C5.788 15.993 3.999 14.204 3.999 11.995C3.999 9.946 5.528 8.237 7.557 8.027L8.627 7.917L9.127 6.968C10.066 5.138 11.935 3.999 13.994 3.999ZM13.994 2.000C11.106 2.000 8.587 3.639 7.337 6.038C4.339 6.358 2.000 8.907 2.000 11.995C2.000 15.303 4.689 17.992 7.997 17.992H20.991C19.761 21.980 22.000 19.742 22.000 16.983C22.000 14.344 19.951 12.205 17.362 12.025C16.673 8.577 13.644 5.988 10.006 5.988Z", fill: color })));
};
WbCloudy.displayName = 'WbCloudy';