onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
11 lines (10 loc) • 1.58 kB
JavaScript
import React from 'react';
export const SentimentDissatisfied = ({ size = 'md', color = 'currentColor', className, 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", xmlns: "http://www.w3.org/2000/svg", className: className, style: style },
React.createElement("path", { d: "M12.000 22.000C17.523 22.000 22.000 17.523 22.000 12.000C22.000 6.477 17.523 2.000 12.000 2.000C6.477 2.000 2.000 6.477 2.000 12.000C2.000 17.523 6.477 22.000 12.000 22.000Z", fill: color }),
React.createElement("path", { d: "M12.000 22.000C17.523 22.000 22.000 17.523 22.000 12.000C22.000 6.477 17.523 2.000 12.000 2.000C6.477 2.000 2.000 6.477 2.000 12.000C2.000 17.523 6.477 22.000 12.000 22.000Z", fill: color }),
React.createElement("path", { d: "M12.000 14.000C9.670 14.000 7.680 15.450 6.880 17.500H8.550C9.240 16.310 10.520 15.500 12.000 15.500C13.480 15.500 14.750 16.310 15.450 17.500H17.120C16.320 15.450 14.330 14.000 12.000 14.000ZM11.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.000Z", fill: color })));
};
SentimentDissatisfied.displayName = 'SentimentDissatisfied';