onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
12 lines (11 loc) • 3.9 kB
JavaScript
import React from 'react';
export const SentimentVeryDissatisfied = ({ 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 13.500C9.670 13.500 7.690 14.960 6.890 17.000H17.110C16.310 14.960 14.330 13.500 12.000 13.500ZM7.820 12.000L8.880 10.940L9.940 12.000L11.000 10.940L9.940 9.880L11.000 8.820L9.940 7.760L8.880 8.820L7.820 7.760L6.760 8.820L7.820 9.880L6.760 10.940L7.820 12.000ZM11.990 2.000C6.470 2.000 2.000 6.470 2.000 12.000C2.000 17.530 6.470 22.000 11.990 22.000C17.510 22.000 22.000 17.530 22.000 12.000C22.000 6.470 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.000ZM16.180 7.760L15.120 8.820L14.060 7.760L13.000 8.820L14.060 9.880L13.000 10.940L14.060 12.000L15.120 10.940L16.180 12.000L17.240 10.940L16.180 9.880L17.240 8.820L16.180 7.760Z", fill: color }),
React.createElement("path", { d: "M3.260 21.110C2.685 21.110 2.197 21.470 2.000 21.973H4.520C5.529 20.264 5.040 19.904 4.466 19.904ZM3.435 19.534L3.696 19.273L3.958 19.534L4.219 19.273L3.958 19.011L4.219 18.750L3.958 18.489L3.696 18.750L3.435 18.489L3.174 18.750L3.435 19.011L3.174 19.273L3.435 19.534ZM4.463 17.068C3.102 17.068 2.000 18.171 2.000 19.534C2.000 20.898 3.102 22.000 4.463 22.000C5.824 22.000 6.932 20.898 6.932 19.534C6.932 18.171 5.827 17.068 4.463 17.068ZM4.466 21.507C3.376 21.507 2.493 20.624 2.493 19.534C2.493 18.444 3.376 17.562 4.466 17.562C5.556 17.562 6.438 18.444 6.438 19.534C6.438 20.624 5.556 21.507 4.466 21.507ZM5.496 18.489L5.235 18.750L4.974 18.489L4.712 18.750L4.974 19.011L4.712 19.273L4.974 19.534L5.235 19.273L5.496 19.534L5.758 19.273L5.496 19.011L5.758 18.750L5.496 18.489Z", fill: color }),
React.createElement("path", { d: "M2.847 21.402C2.461 21.402 2.133 21.644 2.000 21.982H3.693C4.371 20.834 4.043 20.592 3.657 20.592ZM2.964 20.343L3.140 20.168L3.316 20.343L3.491 20.168L3.316 19.992L3.491 19.816L3.316 19.641L3.140 19.816L2.964 19.641L2.789 19.816L2.964 19.992L2.789 20.168L2.964 20.343ZM3.655 18.686C2.741 18.686 2.000 19.427 2.000 20.343C2.000 21.259 2.741 22.000 3.655 22.000C4.570 22.000 5.314 21.259 5.314 20.343C5.314 19.427 4.571 18.686 3.655 18.686ZM3.657 21.669C2.925 21.669 2.331 21.075 2.331 20.343C2.331 19.611 2.925 19.018 3.657 19.018C4.389 19.018 4.982 19.611 4.982 20.343C4.982 21.075 4.389 21.669 3.657 21.669ZM4.349 19.641L4.174 19.816L3.998 19.641L3.823 19.816L3.998 19.992L3.823 20.168L3.998 20.343L4.174 20.168L4.349 20.343L4.525 20.168L4.349 19.992L4.525 19.816L4.349 19.641Z", fill: color }),
React.createElement("path", { d: "M2.695 21.509C2.378 21.509 2.109 21.708 2.000 21.985H3.389C3.945 21.043 3.676 20.844 3.360 20.844ZM2.791 20.640L2.935 20.496L3.079 20.640L3.224 20.496L3.079 20.352L3.224 20.208L3.079 20.064L2.935 20.208L2.791 20.064L2.647 20.208L2.791 20.352L2.647 20.496L2.791 20.640ZM3.358 19.281C2.608 19.281 2.000 19.889 2.000 20.640C2.000 21.392 2.608 22.000 3.358 22.000C4.109 22.000 4.719 21.392 4.719 20.640C4.719 19.889 4.110 19.281 3.358 19.281ZM3.360 21.728C2.759 21.728 2.272 21.241 2.272 20.640C2.272 20.040 2.759 19.553 3.360 19.553C3.960 19.553 4.447 20.040 4.447 20.640C4.447 21.241 3.960 21.728 3.360 21.728ZM3.928 20.064L3.784 20.208L3.640 20.064L3.495 20.208L3.640 20.352L3.495 20.496L3.640 20.640L3.784 20.496L3.928 20.640L4.072 20.496L3.928 20.352L4.072 20.208L3.928 20.064Z", fill: color })));
};
SentimentVeryDissatisfied.displayName = 'SentimentVeryDissatisfied';