iconsax-react
Version:
Iconsax icon pack for React
196 lines (178 loc) • 10.1 kB
JavaScript
import { _ as _objectWithoutProperties, a as _extends } from './_rollupPluginBabelHelpers-3bc641ae.js';
import React, { forwardRef } from 'react';
import PropTypes from 'prop-types';
var _excluded = ["variant", "color", "size"];
var Bold = function Bold(_ref) {
var color = _ref.color;
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "M13.15 15.37c-.22-.32-.61-.5-1.06-.5H9.76c-.15 0-.3-.06-.39-.18a.562.562 0 0 1-.12-.44l.29-1.86c.12-.55-.25-1.18-.8-1.37-.52-.19-1.12.07-1.37.44L5.06 14.9v-.43c0-.84-.36-1.18-1.24-1.18h-.58c-.88.01-1.24.35-1.24 1.19v5.71c0 .84.36 1.18 1.24 1.18h.58c.84 0 1.19-.33 1.22-1.09l1.75 1.35c.25.24.78.37 1.16.37h2.21c.76 0 1.52-.57 1.7-1.27l1.4-4.25c.15-.41.11-.8-.11-1.11ZM21.11 2.61h-.58c-.84 0-1.19.33-1.23 1.09l-1.75-1.35c-.24-.24-.78-.37-1.16-.37h-2.21c-.76 0-1.52.57-1.7 1.27l-1.4 4.25c-.15.41-.1.8.11 1.11.22.32.61.5 1.06.5h2.33c.15 0 .3.06.39.18.1.12.14.27.12.44l-.29 1.86c-.12.55.25 1.18.8 1.37.52.19 1.12-.07 1.37-.44l2.31-3.44v.43c0 .84.36 1.18 1.24 1.18h.58c.88 0 1.24-.34 1.24-1.18V3.78c.01-.83-.35-1.17-1.23-1.17Z",
fill: color
}));
};
var Broken = function Broken(_ref2) {
var color = _ref2.color;
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "m4.92 20.28 1.77 1.37c.23.23.74.34 1.09.34h2.17c.69 0 1.43-.51 1.6-1.2l1.37-4.17c.29-.8-.23-1.49-1.09-1.49H9.54a.58.58 0 0 1-.57-.69l.29-1.83c.11-.51-.23-1.09-.74-1.26-.46-.17-1.03.06-1.26.4l-2.34 3.49",
stroke: color,
strokeWidth: "1.5",
strokeMiterlimit: "10"
}), /*#__PURE__*/React.createElement("path", {
d: "M2 20.28c0 .8.34 1.09 1.14 1.09h.57c.8 0 1.14-.29 1.14-1.09v-5.6c0-.8-.34-1.09-1.14-1.09h-.57c-.8 0-1.14.29-1.14 1.09v1.5",
stroke: color,
strokeWidth: "1.5",
strokeLinecap: "round",
strokeLinejoin: "round"
}), /*#__PURE__*/React.createElement("path", {
d: "m19.08 3.722-1.77-1.37c-.23-.23-.74-.34-1.09-.34h-2.17c-.69 0-1.43.51-1.6 1.2l-1.37 4.17c-.29.8.23 1.49 1.09 1.49h2.29c.34 0 .63.29.57.69l-.29 1.83c-.11.51.23 1.09.74 1.26.46.17 1.03-.06 1.26-.4l2.34-3.49",
stroke: color,
strokeWidth: "1.5",
strokeMiterlimit: "10"
}), /*#__PURE__*/React.createElement("path", {
d: "M22 3.723c0-.8-.34-1.09-1.14-1.09h-.57c-.8 0-1.14.29-1.14 1.09v5.6c0 .8.34 1.09 1.14 1.09h.57c.8 0 1.14-.29 1.14-1.09v-1.32",
stroke: color,
strokeWidth: "1.5",
strokeLinecap: "round",
strokeLinejoin: "round"
}));
};
var Bulk = function Bulk(_ref3) {
var color = _ref3.color;
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
opacity: ".4",
d: "M13.15 15.37c-.22-.32-.61-.5-1.06-.5H9.76c-.15 0-.3-.06-.39-.18a.562.562 0 0 1-.12-.44l.29-1.86c.12-.55-.25-1.18-.8-1.37-.52-.19-1.12.07-1.37.44l-2.39 3.55-.07.12v5.02l.09.09 1.8 1.39c.24.24.78.37 1.16.37h2.21c.76 0 1.52-.57 1.7-1.27l1.4-4.25c.14-.41.1-.8-.12-1.11Z",
fill: color
}), /*#__PURE__*/React.createElement("path", {
d: "M3.82 13.3h-.58c-.88 0-1.24.34-1.24 1.18v5.71c0 .84.36 1.18 1.24 1.18h.58c.88 0 1.24-.34 1.24-1.18v-5.71c0-.84-.36-1.18-1.24-1.18Z",
fill: color
}), /*#__PURE__*/React.createElement("path", {
opacity: ".4",
d: "M11.2 8.599c.22.32.61.5 1.06.5h2.33c.15 0 .3.06.39.18.1.12.14.27.12.44l-.29 1.86c-.12.55.25 1.18.8 1.37.52.19 1.12-.07 1.37-.44l2.39-3.55.07-.12v-5.02l-.09-.09-1.8-1.39c-.24-.24-.78-.37-1.16-.37h-2.21c-.76 0-1.52.57-1.7 1.27l-1.4 4.25c-.14.4-.1.8.12 1.11Z",
fill: color
}), /*#__PURE__*/React.createElement("path", {
d: "M20.53 10.668h.58c.88 0 1.24-.34 1.24-1.18v-5.71c0-.84-.36-1.18-1.24-1.18h-.58c-.88 0-1.24.34-1.24 1.18v5.71c0 .84.36 1.18 1.24 1.18Z",
fill: color
}));
};
var Linear = function Linear(_ref4) {
var color = _ref4.color;
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "m4.92 20.28 1.77 1.37c.23.23.74.34 1.09.34h2.17c.69 0 1.43-.51 1.6-1.2l1.37-4.17c.29-.8-.23-1.49-1.09-1.49H9.54a.58.58 0 0 1-.57-.69l.29-1.83c.11-.51-.23-1.09-.74-1.26-.46-.17-1.03.06-1.26.4l-2.34 3.49",
stroke: color,
strokeWidth: "1.5",
strokeMiterlimit: "10"
}), /*#__PURE__*/React.createElement("path", {
d: "M2 20.28v-5.6c0-.8.34-1.09 1.14-1.09h.57c.8 0 1.14.29 1.14 1.09v5.6c0 .8-.34 1.09-1.14 1.09h-.57c-.8 0-1.14-.28-1.14-1.09Z",
stroke: color,
strokeWidth: "1.5",
strokeLinecap: "round",
strokeLinejoin: "round"
}), /*#__PURE__*/React.createElement("path", {
d: "m19.08 3.72-1.77-1.37c-.23-.23-.74-.34-1.09-.34h-2.17c-.69 0-1.43.51-1.6 1.2l-1.37 4.17c-.29.8.23 1.49 1.09 1.49h2.29c.34 0 .63.29.57.69l-.29 1.83c-.11.51.23 1.09.74 1.26.46.17 1.03-.06 1.26-.4l2.34-3.49",
stroke: color,
strokeWidth: "1.5",
strokeMiterlimit: "10"
}), /*#__PURE__*/React.createElement("path", {
d: "M22 3.72v5.6c0 .8-.34 1.09-1.14 1.09h-.57c-.8 0-1.14-.29-1.14-1.09v-5.6c0-.8.34-1.09 1.14-1.09h.57c.8 0 1.14.28 1.14 1.09Z",
stroke: color,
strokeWidth: "1.5",
strokeLinecap: "round",
strokeLinejoin: "round"
}));
};
var Outline = function Outline(_ref5) {
var color = _ref5.color;
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "M9.95 22.75H7.78c-.39 0-1.17-.12-1.62-.56l-1.7-1.31.92-1.19 1.77 1.37c.13.11.4.19.63.19h2.17c.37 0 .79-.31.87-.63l1.39-4.23c.04-.1.07-.25 0-.36-.06-.09-.2-.14-.37-.14H9.55c-.39 0-.75-.17-1.01-.46-.26-.3-.37-.68-.31-1.09l.29-1.84c.04-.17-.08-.38-.24-.43-.13-.05-.35.04-.4.11l-2.35 3.49-1.25-.84 2.34-3.49c.44-.66 1.4-.96 2.14-.68.85.28 1.41 1.24 1.21 2.12l-.25 1.6h2.09c.67 0 1.25.28 1.6.78.34.48.41 1.11.19 1.71l-1.37 4.16c-.2.94-1.22 1.72-2.28 1.72Z",
fill: color
}), /*#__PURE__*/React.createElement("path", {
d: "M3.72 22.12h-.57c-1.56 0-1.89-1-1.89-1.84v-5.6c0-.84.33-1.84 1.89-1.84h.57c1.56 0 1.89 1 1.89 1.84v5.6c0 .84-.33 1.84-1.89 1.84Zm-.93-1.54c.01 0 .11.04.35.04h.57c.26 0 .35-.04.37-.05 0-.01.03-.08.03-.29v-5.6c0-.21-.03-.29-.04-.3 0 .02-.1-.04-.35-.04h-.57c-.26 0-.35.04-.37.05 0 .01-.03.08-.03.29v5.6c0 .21.03.29.04.3ZM15.81 13.44c-.2 0-.4-.03-.59-.1-.85-.28-1.41-1.24-1.21-2.12l.25-1.6h-2.09c-.67 0-1.25-.28-1.6-.78-.34-.48-.41-1.11-.19-1.71l1.37-4.16c.23-.94 1.26-1.72 2.31-1.72h2.17c.39 0 1.17.12 1.62.56l1.7 1.31-.92 1.19-1.77-1.37c-.13-.11-.4-.19-.63-.19h-2.17c-.37 0-.79.31-.87.63L11.8 7.61c-.04.1-.07.25 0 .36.06.09.2.14.37.14h2.29c.39 0 .75.17 1.01.46.26.3.37.68.31 1.09l-.29 1.84c-.04.17.08.38.24.43.14.05.35-.03.4-.11l2.35-3.49 1.25.84-2.34 3.49c-.36.48-.98.78-1.58.78Z",
fill: color
}), /*#__PURE__*/React.createElement("path", {
d: "M20.86 11.159h-.57c-1.56 0-1.89-1-1.89-1.84v-5.6c0-.84.33-1.84 1.89-1.84h.57c1.56 0 1.89 1 1.89 1.84v5.6c0 .84-.33 1.84-1.89 1.84Zm-.93-1.54c.01 0 .11.04.35.04h.57c.26 0 .35-.04.37-.05 0-.01.03-.08.03-.29v-5.6c0-.21-.03-.28-.04-.3.01.04-.1-.04-.35-.04h-.57c-.26 0-.35.04-.37.05 0 .01-.03.08-.03.29v5.6c0 .21.03.28.04.3Z",
fill: color
}));
};
var TwoTone = function TwoTone(_ref6) {
var color = _ref6.color;
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "m4.92 20.28 1.77 1.37c.23.23.74.34 1.09.34h2.17c.69 0 1.43-.51 1.6-1.2l1.37-4.17c.29-.8-.23-1.49-1.09-1.49H9.54a.58.58 0 0 1-.57-.69l.29-1.83c.11-.51-.23-1.09-.74-1.26-.46-.17-1.03.06-1.26.4l-2.34 3.49",
stroke: color,
strokeWidth: "1.5",
strokeMiterlimit: "10"
}), /*#__PURE__*/React.createElement("path", {
d: "M2 20.28v-5.6c0-.8.34-1.09 1.14-1.09h.57c.8 0 1.14.29 1.14 1.09v5.6c0 .8-.34 1.09-1.14 1.09h-.57c-.8 0-1.14-.28-1.14-1.09Z",
stroke: color,
strokeWidth: "1.5",
strokeLinecap: "round",
strokeLinejoin: "round"
}), /*#__PURE__*/React.createElement("g", {
opacity: ".4",
stroke: color,
strokeWidth: "1.5"
}, /*#__PURE__*/React.createElement("path", {
d: "m19.08 3.722-1.77-1.37c-.23-.23-.74-.34-1.09-.34h-2.17c-.69 0-1.43.51-1.6 1.2l-1.37 4.17c-.29.8.23 1.49 1.09 1.49h2.29c.34 0 .63.29.57.69l-.29 1.83c-.11.51.23 1.09.74 1.26.46.17 1.03-.06 1.26-.4l2.34-3.49",
strokeMiterlimit: "10"
}), /*#__PURE__*/React.createElement("path", {
d: "M22 3.723v5.6c0 .8-.34 1.09-1.14 1.09h-.57c-.8 0-1.14-.29-1.14-1.09v-5.6c0-.8.34-1.09 1.14-1.09h.57c.8 0 1.14.28 1.14 1.09Z",
strokeLinecap: "round",
strokeLinejoin: "round"
})));
};
var chooseVariant = function chooseVariant(variant, color) {
switch (variant) {
case 'Bold':
return /*#__PURE__*/React.createElement(Bold, {
color: color
});
case 'Broken':
return /*#__PURE__*/React.createElement(Broken, {
color: color
});
case 'Bulk':
return /*#__PURE__*/React.createElement(Bulk, {
color: color
});
case 'Linear':
return /*#__PURE__*/React.createElement(Linear, {
color: color
});
case 'Outline':
return /*#__PURE__*/React.createElement(Outline, {
color: color
});
case 'TwoTone':
return /*#__PURE__*/React.createElement(TwoTone, {
color: color
});
default:
return /*#__PURE__*/React.createElement(Linear, {
color: color
});
}
};
var LikeDislike = /*#__PURE__*/forwardRef(function (_ref7, ref) {
var variant = _ref7.variant,
color = _ref7.color,
size = _ref7.size,
rest = _objectWithoutProperties(_ref7, _excluded);
return /*#__PURE__*/React.createElement("svg", _extends({}, rest, {
xmlns: "http://www.w3.org/2000/svg",
ref: ref,
width: size,
height: size,
viewBox: "0 0 24 24",
fill: "none"
}), chooseVariant(variant, color));
});
LikeDislike.propTypes = {
variant: PropTypes.oneOf(['Linear', 'Bold', 'Broken', 'Bulk', 'Outline', 'TwoTone']),
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
};
LikeDislike.defaultProps = {
variant: 'Linear',
color: 'currentColor',
size: '24'
};
LikeDislike.displayName = 'LikeDislike';
export { LikeDislike as default };