iconsax-react
Version:
Iconsax icon pack for React
190 lines (172 loc) • 10.8 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: "m17.6 5.311-5.65-3.04a2.02 2.02 0 0 0-1.91 0L4.4 5.311c-.41.23-.67.67-.67 1.15 0 .49.25.93.67 1.15l5.65 3.04a2 2 0 0 0 1.9 0l5.65-3.04c.41-.22.67-.66.67-1.15 0-.48-.26-.92-.67-1.15ZM9.12 11.71 3.87 9.09A1.286 1.286 0 0 0 2 10.24v4.96c0 .86.48 1.63 1.25 2.02l5.25 2.62c.18.09.38.14.58.14.23 0 .47-.07.68-.19.38-.24.61-.65.61-1.1v-4.96c-.01-.86-.49-1.63-1.25-2.02ZM20 10.24v2.46c-.48-.14-.99-.2-1.5-.2-1.36 0-2.69.47-3.74 1.31-1.44 1.13-2.26 2.84-2.26 4.69 0 .49.06.98.19 1.45-.15-.02-.3-.08-.44-.17-.38-.23-.61-.64-.61-1.09v-4.96c0-.86.48-1.63 1.24-2.02l5.25-2.62A1.286 1.286 0 0 1 20 10.24Z",
fill: color
}), /*#__PURE__*/React.createElement("path", {
d: "M21.681 15.32a4.479 4.479 0 0 0-3.24-1.32c-1.13.01-2.26.46-3.12 1.32-.6.59-.99 1.33-1.18 2.1-.11.42-.15.85-.12 1.28v.05c0 .07.01.13.02.21l.01.01V19c.09.98.51 1.93 1.27 2.68a4.473 4.473 0 0 0 4.26 1.18c.44-.11.87-.29 1.27-.53.3-.17.58-.39.83-.65.75-.75 1.18-1.7 1.27-2.69.01 0 .01-.02.01-.03.02-.07.02-.15.02-.22 0-.01.01-.03.01-.05.06-1.21-.38-2.45-1.31-3.37Zm-1.45 4.89c-.29.29-.76.29-1.06 0l-.66-.66-.68.68c-.3.3-.77.3-1.06 0-.3-.29-.3-.76 0-1.06l.68-.68-.66-.66a.754.754 0 0 1 0-1.06c.3-.3.77-.3 1.07 0l.65.66.63-.64c.3-.29.77-.29 1.07 0 .29.3.29.77 0 1.07l-.64.63.66.65c.3.3.3.77 0 1.07Z",
fill: color
}));
};
var Broken = function Broken(_ref2) {
var color = _ref2.color;
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "m3.172 7.441 8.83 5.11 8.77-5.08M12 21.613v-9.07",
stroke: color,
strokeWidth: "1.5",
strokeLinecap: "round",
strokeLinejoin: "round"
}), /*#__PURE__*/React.createElement("path", {
d: "M2.39 14.83V9.17c0-1.38.99-3.06 2.2-3.73l5.34-2.96c1.14-.64 3-.64 4.14 0l5.34 2.96c1.21.67 2.2 2.35 2.2 3.73v5.66c0 .05 0 .09-.01.14-.7-.61-1.6-.97-2.6-.97-.94 0-1.81.33-2.5.88A3.97 3.97 0 0 0 15 18c0 .75.21 1.46.58 2.06.09.16.2.31.32.45l-1.83 1.01c-1.14.64-3 .64-4.14 0l-5.34-2.96",
stroke: color,
strokeWidth: "1.5",
strokeLinecap: "round",
strokeLinejoin: "round"
}), /*#__PURE__*/React.createElement("path", {
d: "M23 18c0 .75-.21 1.46-.58 2.06-.21.36-.48.68-.79.94-.7.63-1.62 1-2.63 1a3.97 3.97 0 0 1-3.42-1.94A3.92 3.92 0 0 1 15 18c0-1.26.58-2.39 1.5-3.12A3.999 3.999 0 0 1 23 18ZM20.07 19.04l-2.12-2.11M20.05 16.96l-2.12 2.11",
stroke: color,
strokeWidth: "1.5",
strokeMiterlimit: "10",
strokeLinecap: "round",
strokeLinejoin: "round"
}));
};
var Bulk = function Bulk(_ref3) {
var color = _ref3.color;
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "M21.681 15.32a4.479 4.479 0 0 0-3.24-1.32c-1.13.01-2.26.46-3.12 1.32-.6.59-.99 1.33-1.18 2.1-.11.42-.15.85-.12 1.28v.05c0 .07.01.13.02.21l.01.01V19c.09.98.51 1.93 1.27 2.68a4.473 4.473 0 0 0 4.26 1.18c.44-.11.87-.29 1.27-.53.3-.17.58-.39.83-.65.75-.75 1.18-1.7 1.27-2.69.01 0 .01-.02.01-.03.02-.07.02-.15.02-.22 0-.01.01-.03.01-.05.06-1.21-.38-2.45-1.31-3.37Zm-1.45 4.89c-.29.29-.76.29-1.06 0l-.66-.66-.68.68c-.3.3-.77.3-1.06 0-.3-.29-.3-.76 0-1.06l.68-.68-.66-.66a.754.754 0 0 1 0-1.06c.3-.3.77-.3 1.07 0l.65.66.63-.64c.3-.29.77-.29 1.07 0 .29.3.29.77 0 1.07l-.64.63.66.65c.3.3.3.77 0 1.07Z",
fill: color
}), /*#__PURE__*/React.createElement("path", {
opacity: ".4",
d: "m19.348 5.66-6.29-3.39c-.66-.36-1.46-.36-2.13 0l-6.29 3.39c-.46.25-.74.74-.74 1.28s.28 1.03.74 1.28l6.29 3.39c.33.18.7.27 1.06.27.36 0 .73-.09 1.06-.27l6.29-3.39c.46-.25.74-.74.74-1.28.02-.54-.27-1.03-.73-1.28ZM9.899 12.788l-5.85-2.93c-.45-.23-.97-.2-1.4.06-.43.26-.68.72-.68 1.22v5.53c0 .96.53 1.82 1.39 2.25l5.85 2.92c.2.1.42.15.64.15.26 0 .52-.07.75-.22.43-.26.68-.72.68-1.22v-5.53c.01-.94-.52-1.8-1.38-2.23ZM22.03 11.15v4.59c-.01-.01-.02-.03-.03-.04 0-.01-.009-.02-.019-.03-.04-.06-.09-.12-.14-.17-.01-.01-.02-.03-.03-.04-.81-.9-2-1.46-3.31-1.46-1.26 0-2.41.52-3.23 1.36a4.5 4.5 0 0 0-.01 6.25l-.47.24a1.433 1.433 0 0 1-1.4-.07c-.42-.26-.68-.72-.68-1.22v-5.52c0-.96.53-1.82 1.39-2.25l5.85-2.92c.45-.23.97-.21 1.4.06.42.26.68.72.68 1.22Z",
fill: color
}));
};
var Linear = function Linear(_ref4) {
var color = _ref4.color;
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "M3.17 7.44 12 12.55l8.77-5.08M12 21.61v-9.07",
stroke: color,
strokeWidth: "1.5",
strokeLinecap: "round",
strokeLinejoin: "round"
}), /*#__PURE__*/React.createElement("path", {
d: "M21.61 9.17v5.66c0 .05 0 .09-.01.14-.7-.61-1.6-.97-2.6-.97-.94 0-1.81.33-2.5.88A3.97 3.97 0 0 0 15 18c0 .75.21 1.46.58 2.06.09.16.2.31.32.45l-1.83 1.01c-1.14.64-3 .64-4.14 0l-5.34-2.96c-1.21-.67-2.2-2.35-2.2-3.73V9.17c0-1.38.99-3.06 2.2-3.73l5.34-2.96c1.14-.64 3-.64 4.14 0l5.34 2.96c1.21.67 2.2 2.35 2.2 3.73Z",
stroke: color,
strokeWidth: "1.5",
strokeLinecap: "round",
strokeLinejoin: "round"
}), /*#__PURE__*/React.createElement("path", {
d: "M23 18c0 .75-.21 1.46-.58 2.06-.21.36-.48.68-.79.94-.7.63-1.62 1-2.63 1a3.97 3.97 0 0 1-3.42-1.94A3.92 3.92 0 0 1 15 18c0-1.26.58-2.39 1.5-3.12A3.999 3.999 0 0 1 23 18ZM20.07 19.04l-2.12-2.11M20.05 16.96l-2.12 2.11",
stroke: color,
strokeWidth: "1.5",
strokeMiterlimit: "10",
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.001 13.3c-.13 0-.26-.03-.38-.1l-8.83-5.11a.752.752 0 0 1-.27-1.03c.21-.36.67-.48 1.02-.27l8.45 4.89 8.4-4.86c.36-.21.82-.08 1.02.27.21.36.08.82-.27 1.03l-8.77 5.08c-.11.06-.24.1-.37.1Z",
fill: color
}), /*#__PURE__*/React.createElement("path", {
d: "M12 22.36c-.41 0-.75-.34-.75-.75v-9.07c0-.41.34-.75.75-.75s.75.34.75.75v9.07c0 .41-.34.75-.75.75Z",
fill: color
}), /*#__PURE__*/React.createElement("path", {
d: "M11.999 22.752c-.88 0-1.76-.19-2.44-.58l-5.34-2.96c-1.45-.8-2.59-2.73-2.59-4.39v-5.66c0-1.66 1.14-3.58 2.59-4.39l5.34-2.96c1.36-.77 3.5-.77 4.87 0l5.34 2.96c1.45.8 2.59 2.73 2.59 4.39v5.66c0 .1 0 .18-.02.28-.05.26-.24.48-.49.56-.25.09-.53.03-.74-.14-1.15-1-2.93-1.04-4.14-.07a3.224 3.224 0 0 0-.75 4.2c.08.14.16.25.25.36a.738.738 0 0 1-.21 1.14l-1.83 1.01c-.68.4-1.55.59-2.43.59Zm0-20c-.62 0-1.25.13-1.7.38l-5.34 2.96c-.97.53-1.81 1.97-1.81 3.07v5.66c0 1.1.85 2.54 1.81 3.07l5.34 2.96c.91.51 2.5.51 3.41 0l1.12-.62a4.67 4.67 0 0 1-.57-2.25c0-1.46.65-2.81 1.78-3.71 1.36-1.09 3.31-1.32 4.83-.67v-4.46c0-1.1-.85-2.54-1.81-3.07l-5.34-2.96c-.47-.23-1.1-.36-1.72-.36Z",
fill: color
}), /*#__PURE__*/React.createElement("path", {
d: "M19 22.75c-1.66 0-3.22-.88-4.06-2.31-.45-.72-.69-1.57-.69-2.44 0-1.46.65-2.81 1.78-3.71.84-.67 1.9-1.04 2.97-1.04 2.62 0 4.75 2.13 4.75 4.75 0 .87-.24 1.72-.69 2.45-.24.42-.57.8-.95 1.12-.83.76-1.94 1.18-3.11 1.18Zm0-8c-.74 0-1.44.25-2.03.72a3.224 3.224 0 0 0-.75 4.2c.59 1 1.63 1.58 2.78 1.58.79 0 1.55-.29 2.13-.81.26-.22.48-.48.64-.76.32-.51.48-1.09.48-1.68 0-1.79-1.46-3.25-3.25-3.25Z",
fill: color
}), /*#__PURE__*/React.createElement("path", {
d: "M20.069 19.791c-.19 0-.38-.07-.53-.22l-2.11-2.11a.754.754 0 0 1 0-1.06c.29-.29.77-.29 1.06 0l2.11 2.11c.29.29.29.77 0 1.06-.15.15-.34.22-.53.22Z",
fill: color
}), /*#__PURE__*/React.createElement("path", {
d: "M17.931 19.819c-.19 0-.38-.07-.53-.22a.754.754 0 0 1 0-1.06l2.11-2.11c.29-.29.77-.29 1.06 0 .29.29.29.77 0 1.06l-2.11 2.11c-.15.15-.34.22-.53.22Z",
fill: color
}));
};
var TwoTone = function TwoTone(_ref6) {
var color = _ref6.color;
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("g", {
opacity: ".4",
stroke: color,
strokeWidth: "1.5",
strokeLinecap: "round",
strokeLinejoin: "round"
}, /*#__PURE__*/React.createElement("path", {
d: "m3.172 7.441 8.83 5.11 8.77-5.08M12 21.61v-9.07"
}), /*#__PURE__*/React.createElement("path", {
d: "M21.61 9.17v5.66c0 .05 0 .09-.01.14-.7-.61-1.6-.97-2.6-.97-.94 0-1.81.33-2.5.88A3.97 3.97 0 0 0 15 18c0 .75.21 1.46.58 2.06.09.16.2.31.32.45l-1.83 1.01c-1.14.64-3 .64-4.14 0l-5.34-2.96c-1.21-.67-2.2-2.35-2.2-3.73V9.17c0-1.38.99-3.06 2.2-3.73l5.34-2.96c1.14-.64 3-.64 4.14 0l5.34 2.96c1.21.67 2.2 2.35 2.2 3.73Z"
})), /*#__PURE__*/React.createElement("path", {
d: "M23 18c0 .75-.21 1.46-.58 2.06-.21.36-.48.68-.79.94-.7.63-1.62 1-2.63 1a3.97 3.97 0 0 1-3.42-1.94A3.92 3.92 0 0 1 15 18c0-1.26.58-2.39 1.5-3.12A3.999 3.999 0 0 1 23 18ZM20.07 19.04l-2.12-2.11M20.05 16.96l-2.12 2.11",
stroke: color,
strokeWidth: "1.5",
strokeMiterlimit: "10",
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 BoxRemove = /*#__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));
});
BoxRemove.propTypes = {
variant: PropTypes.oneOf(['Linear', 'Bold', 'Broken', 'Bulk', 'Outline', 'TwoTone']),
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
};
BoxRemove.defaultProps = {
variant: 'Linear',
color: 'currentColor',
size: '24'
};
BoxRemove.displayName = 'BoxRemove';
export { BoxRemove as default };