onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
10 lines (9 loc) • 1.3 kB
JavaScript
import React from 'react';
import { Svg, Path } from 'react-native-svg';
export const MoodBad = ({ 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: "M11.990 2.000C6.470 2.000 2.000 6.480 2.000 12.000C2.000 17.520 6.470 22.000 11.990 22.000C17.520 22.000 22.000 17.520 22.000 12.000C22.000 6.480 17.520 2.000 11.990 2.000ZM12.000 20.000C7.580 20.000 4.000 16.420 4.000 12.000C4.000 7.580 7.580 4.000 12.000 4.000C16.420 4.000 20.000 7.580 20.000 12.000C20.000 16.420 16.420 20.000 12.000 20.000ZM15.500 11.000C16.330 11.000 17.000 10.330 17.000 9.500C17.000 8.670 16.330 8.000 15.500 8.000C14.670 8.000 14.000 8.670 14.000 9.500C14.000 10.330 14.670 11.000 15.500 11.000ZM8.500 11.000C9.330 11.000 10.000 10.330 10.000 9.500C10.000 8.670 9.330 8.000 8.500 8.000C7.670 8.000 7.000 8.670 7.000 9.500C7.000 10.330 7.670 11.000 8.500 11.000ZM12.000 13.500C9.670 13.500 7.690 14.960 6.890 17.000H17.110C16.310 14.960 14.330 13.500 12.000 13.500Z", fill: color })));
};
MoodBad.displayName = 'MoodBad';