iconsax-react
Version:
Iconsax icon pack for React
161 lines (143 loc) • 9.68 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: "M5.33 19.421c-.11 0-.23-.03-.33-.08l-2.22-1.11a.76.76 0 0 1-.41-.67v-2.78c0-.41.34-.75.75-.75s.75.34.75.75v2.31l1.8.91c.37.18.52.63.33 1-.13.26-.39.42-.67.42ZM12 22.749a.88.88 0 0 1-.17-.02.67.67 0 0 1-.18-.07l-2.21-1.1a.763.763 0 0 1-.34-1.01c.19-.37.64-.52 1.01-.34l1.14.57v-1.56c0-.41.34-.75.75-.75s.75.34.75.75v1.56l1.14-.57c.37-.18.82-.03 1.01.34.19.37.04.82-.34 1.01l-2.21 1.1c-.06.03-.12.05-.18.07-.06.01-.11.02-.17.02ZM18.67 19.42c-.27 0-.54-.15-.67-.41a.745.745 0 0 1 .34-1.01l1.81-.9v-2.31c0-.41.34-.75.75-.75s.75.34.75.75v2.78c0 .28-.16.54-.41.67L19 19.34a.8.8 0 0 1-.33.08ZM12 14.42c-.41 0-.75-.34-.75-.75v-2.31l-1.81-.9a.763.763 0 0 1-.34-1.01c.19-.37.64-.52 1.01-.34l1.89.94 1.89-.94c.37-.18.82-.04 1.01.34.19.37.04.82-.34 1.01l-1.81.9v2.31c0 .41-.34.75-.75.75ZM3.11 9.968c-.41 0-.75-.34-.75-.75V6.448a.789.789 0 0 1 .11-.4c.03-.05.07-.09.11-.13.04-.04.09-.08.14-.11.02-.01.05-.03.07-.04L5 4.658c.37-.18.82-.03 1 .34.19.37.04.82-.33 1l-.88.44.88.44c.37.19.52.64.33 1.01-.18.37-.63.52-1 .34l-1.14-.57v1.56c0 .42-.33.75-.75.75ZM14.22 3.859c-.11 0-.23-.03-.33-.08L12 2.839l-1.89.94c-.37.19-.82.04-1-.33a.75.75 0 0 1 .33-1.01l2.22-1.11c.21-.11.46-.11.67 0l2.22 1.11c.37.19.52.64.34 1.01-.13.26-.39.41-.67.41ZM20.89 9.968c-.41 0-.75-.34-.75-.75v-1.56l-1.14.57c-.37.18-.82.03-1-.34a.745.745 0 0 1 .34-1.01l.88-.44-.89-.44a.736.736 0 0 1-.33-1c.19-.37.63-.52 1-.34l2.21 1.1c.02.01.05.02.07.04.06.03.11.08.16.13l.09.12c.04.07.07.14.09.22.01.06.02.12.02.17V9.208c0 .43-.34.76-.75.76Z",
fill: color
}));
};
var Broken = function Broken(_ref2) {
var color = _ref2.color;
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "m18.67 18.67 2.22-1.11v-2.78m-6.67-5L12 10.89l2.22-1.11ZM12 10.89 9.78 9.78 12 10.89Zm0 0v2.78-2.78Zm8.89-4.45-2.22 1.11 2.22-1.11Zm0 0-2.22-1.11 2.22 1.11Zm0 0v2.78-2.78Zm-6.67-3.33L12 2 9.78 3.11h4.44ZM3.11 6.44l2.22-1.11-2.22 1.11Zm0 0 2.22 1.11-2.22-1.11Zm0 0v2.78-2.78ZM12 22l-2.22-1.11L12 22Zm0 0 2.22-1.11L12 22Zm0 0v-2.78V22Zm-6.67-3.33-2.22-1.11v-2.78l2.22 3.89Z",
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: "M5.33 19.421c-.11 0-.23-.03-.33-.08l-2.22-1.11a.76.76 0 0 1-.41-.67v-2.78c0-.41.34-.75.75-.75s.75.34.75.75v2.31l1.81.9c.37.19.52.64.34 1.01-.15.26-.41.42-.69.42Z",
fill: color
}), /*#__PURE__*/React.createElement("path", {
d: "M12 22.749a.88.88 0 0 1-.17-.02.67.67 0 0 1-.18-.07l-2.21-1.1a.763.763 0 0 1-.34-1.01c.19-.37.64-.52 1.01-.34l1.14.57v-1.56c0-.41.34-.75.75-.75s.75.34.75.75v1.56l1.14-.57c.37-.18.82-.03 1.01.34.19.37.04.82-.34 1.01l-2.21 1.1c-.06.03-.12.05-.18.07-.06.01-.11.02-.17.02Z",
fill: color
}), /*#__PURE__*/React.createElement("path", {
opacity: ".4",
d: "M18.67 19.42c-.27 0-.54-.15-.67-.41a.745.745 0 0 1 .34-1.01l1.81-.9v-2.31c0-.41.34-.75.75-.75s.75.34.75.75v2.78c0 .28-.16.54-.41.67l-2.22 1.11c-.13.04-.24.07-.35.07Z",
fill: color
}), /*#__PURE__*/React.createElement("path", {
d: "M12 14.42c-.41 0-.75-.34-.75-.75v-2.31l-1.81-.9a.763.763 0 0 1-.34-1.01c.19-.37.64-.52 1.01-.34l1.89.94 1.89-.94c.37-.18.82-.04 1.01.34.19.37.04.82-.34 1.01l-1.81.9v2.31c0 .41-.34.75-.75.75Z",
fill: color
}), /*#__PURE__*/React.createElement("path", {
opacity: ".4",
d: "M3.11 9.97c-.41 0-.75-.34-.75-.75V6.45c0-.06.01-.12.02-.17.02-.08.05-.15.09-.22.03-.05.06-.09.1-.13.04-.04.09-.08.14-.11.02-.01.05-.03.07-.04l2.21-1.1c.37-.18.82-.04 1.01.34.19.37.04.82-.34 1.01l-.88.44.88.44c.37.19.52.64.34 1.01a.76.76 0 0 1-1.01.34l-1.14-.57v1.56c.01.39-.32.72-.74.72Z",
fill: color
}), /*#__PURE__*/React.createElement("path", {
d: "M14.22 3.86c-.11 0-.23-.03-.33-.08L12 2.84l-1.89.94c-.37.19-.82.04-1.01-.34a.745.745 0 0 1 .34-1.01l2.22-1.11c.21-.11.46-.11.67 0l2.22 1.11c.37.19.52.64.34 1.01-.13.27-.39.42-.67.42Z",
fill: color
}), /*#__PURE__*/React.createElement("path", {
opacity: ".4",
d: "M20.89 9.97c-.41 0-.75-.34-.75-.75V7.66L19 8.23c-.37.19-.82.04-1.01-.34a.745.745 0 0 1 .34-1.01l.88-.44-.88-.44a.763.763 0 0 1-.34-1.01.76.76 0 0 1 1.01-.34l2.21 1.1c.02.01.05.02.07.04.06.03.11.08.16.13l.09.12c.04.07.07.14.09.22.01.06.02.12.02.17V9.2c0 .44-.34.77-.75.77Z",
fill: color
}));
};
var Linear = function Linear(_ref4) {
var color = _ref4.color;
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "m18.67 18.67 2.22-1.11v-2.78m-6.67-5L12 10.89l2.22-1.11ZM12 10.89 9.78 9.78 12 10.89Zm0 0v2.78-2.78Zm8.89-4.45-2.22 1.11 2.22-1.11Zm0 0-2.22-1.11 2.22 1.11Zm0 0v2.78-2.78Zm-6.67-3.33L12 2 9.78 3.11h4.44ZM3.11 6.44l2.22-1.11-2.22 1.11Zm0 0 2.22 1.11-2.22-1.11Zm0 0v2.78-2.78ZM12 22l-2.22-1.11L12 22Zm0 0 2.22-1.11L12 22Zm0 0v-2.78V22Zm-6.67-3.33-2.22-1.11v-2.78l2.22 3.89Z",
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: "M12 22.75a.88.88 0 0 1-.17-.02c-.06-.01-.12-.04-.18-.07l-2.21-1.1a.763.763 0 0 1-.34-1.01c.19-.37.64-.52 1.01-.34l1.14.57v-1.56c0-.41.34-.75.75-.75s.75.34.75.75v1.56l1.14-.57c.37-.18.82-.03 1.01.34.19.37.04.82-.34 1.01l-2.21 1.1c-.06.03-.12.05-.18.07-.06.01-.11.02-.17.02Zm6.67-3.33c-.27 0-.54-.15-.67-.41a.745.745 0 0 1 .34-1.01l1.81-.9v-2.31c0-.41.34-.75.75-.75s.75.34.75.75v2.78c0 .28-.16.54-.41.67l-2.22 1.11c-.13.04-.24.07-.35.07Zm-13.34 0c-.11 0-.23-.03-.33-.08l-2.22-1.11a.76.76 0 0 1-.41-.67v-2.78c0-.41.34-.75.75-.75s.75.34.75.75v2.31l1.81.9c.37.19.52.64.34 1.01-.15.26-.41.42-.69.42Zm6.67-5c-.41 0-.75-.34-.75-.75v-2.31l-1.81-.9a.763.763 0 0 1-.34-1.01c.19-.37.64-.52 1.01-.34l1.89.94 1.89-.94c.37-.18.82-.04 1.01.34.19.38.04.82-.34 1.01l-1.81.9v2.31c0 .41-.34.75-.75.75Zm8.89-4.45c-.41 0-.75-.34-.75-.75V7.66L19 8.23c-.37.19-.82.04-1.01-.34a.745.745 0 0 1 .34-1.01l.88-.44-.88-.44a.763.763 0 0 1-.34-1.01c.19-.37.64-.52 1.01-.34l2.21 1.1c.02.01.05.02.07.04.06.03.11.08.16.13l.09.12c.04.07.07.14.09.22.01.06.02.12.02.17V9.2c0 .44-.34.77-.75.77Zm-17.78 0c-.41 0-.75-.34-.75-.75V6.45c0-.06.01-.12.02-.17.02-.08.05-.15.09-.22.03-.05.06-.09.1-.13.04-.04.09-.08.14-.11.02-.01.05-.03.07-.04l2.21-1.1c.37-.18.82-.04 1.01.34.19.38.04.82-.34 1.01l-.88.44.88.44c.37.19.52.64.34 1.01a.76.76 0 0 1-1.01.34l-1.14-.57v1.56c.01.39-.32.72-.74.72Zm11.11-6.11c-.11 0-.23-.03-.33-.08L12 2.84l-1.89.94c-.37.19-.82.04-1.01-.34a.745.745 0 0 1 .34-1.01l2.22-1.11c.21-.11.46-.11.67 0l2.22 1.11c.37.19.52.64.34 1.01-.13.27-.39.42-.67.42Z",
fill: color
}));
};
var TwoTone = function TwoTone(_ref6) {
var color = _ref6.color;
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "M14.22 9.78 12 10.89m0 0L9.78 9.78M12 10.89v2.78m2.22-10.56L12 2 9.78 3.11M5.33 18.67l-2.22-1.11v-2.78m15.56 3.89 2.22-1.11v-2.78",
stroke: color,
strokeWidth: "1.5",
strokeLinecap: "round",
strokeLinejoin: "round"
}), /*#__PURE__*/React.createElement("g", {
opacity: ".4",
stroke: color,
strokeWidth: "1.5",
strokeLinecap: "round",
strokeLinejoin: "round"
}, /*#__PURE__*/React.createElement("path", {
d: "m20.89 6.91-2.22 1.11M20.89 6.91 18.67 5.8M20.89 6.91v2.78M3.11 6.91 5.33 5.8M3.11 6.91l2.22 1.11M3.11 6.91v2.78M12 22.47l-2.22-1.11M12 22.47l2.22-1.11M12 22.471v-2.78"
})));
};
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 Box2 = /*#__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));
});
Box2.propTypes = {
variant: PropTypes.oneOf(['Linear', 'Bold', 'Broken', 'Bulk', 'Outline', 'TwoTone']),
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
};
Box2.defaultProps = {
variant: 'Linear',
color: 'currentColor',
size: '24'
};
Box2.displayName = 'Box2';
export { Box2 as default };