iconsax-react
Version:
Iconsax icon pack for React
142 lines (124 loc) • 7.34 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: "m19.33 5.681-6.27-3.38c-.66-.36-1.46-.36-2.12 0l-6.27 3.38c-.46.25-.74.73-.74 1.28 0 .54.28 1.03.74 1.28l6.27 3.38c.33.18.7.27 1.06.27.36 0 .73-.09 1.06-.27l6.27-3.38c.46-.25.74-.73.74-1.28s-.28-1.03-.74-1.28ZM9.91 12.79 4.07 9.87c-.45-.22-.97-.2-1.39.06-.43.27-.68.72-.68 1.22v5.51c0 .95.53 1.81 1.38 2.24l5.83 2.92a1.442 1.442 0 0 0 1.39-.06c.43-.26.68-.72.68-1.22v-5.51c.01-.96-.52-1.82-1.37-2.24ZM21.32 9.93c-.43-.26-.95-.29-1.39-.06l-5.83 2.92c-.85.43-1.38 1.28-1.38 2.24v5.51c0 .5.25.96.68 1.22a1.442 1.442 0 0 0 1.39.06l5.83-2.92c.85-.43 1.38-1.28 1.38-2.24v-5.51c0-.5-.25-.95-.68-1.22Z",
fill: color
}));
};
var Broken = function Broken(_ref2) {
var color = _ref2.color;
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "M19.43 7.76c.76-.41.76-1.58 0-1.99l-6.51-3.51c-.58-.31-1.26-.31-1.84 0L4.57 5.77c-.76.41-.76 1.58 0 1.99l6.51 3.51c.58.31 1.26.31 1.84 0l2.34-1.26M2 11.122c0-.83.87-1.36 1.61-.99l6.05 3.03c.75.38 1.23 1.15 1.23 1.99v5.72c0 .83-.87 1.36-1.61.99l-6.05-3.03A2.238 2.238 0 0 1 2 16.842v-1.88M20.39 10.132l-6.05 3.03c-.75.38-1.23 1.15-1.23 1.99v5.72c0 .83.87 1.36 1.61.99l6.05-3.03c.75-.38 1.23-1.15 1.23-1.99v-5.72c0-.83-.87-1.36-1.61-.99Z",
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", {
d: "m19.33 5.681-6.27-3.38c-.66-.36-1.46-.36-2.12 0l-6.27 3.38c-.46.25-.74.73-.74 1.28 0 .54.28 1.03.74 1.28l6.27 3.38c.33.18.7.27 1.06.27.36 0 .73-.09 1.06-.27l6.27-3.38c.46-.25.74-.73.74-1.28s-.28-1.03-.74-1.28Z",
fill: color
}), /*#__PURE__*/React.createElement("path", {
opacity: ".4",
d: "M9.91 12.79 4.07 9.87c-.45-.22-.97-.2-1.39.06-.43.27-.68.72-.68 1.22v5.51c0 .95.53 1.81 1.38 2.24l5.83 2.92a1.442 1.442 0 0 0 1.39-.06c.43-.26.68-.72.68-1.22v-5.51c.01-.96-.52-1.82-1.37-2.24ZM21.32 9.93c-.43-.26-.95-.29-1.39-.06l-5.83 2.92c-.85.43-1.38 1.28-1.38 2.24v5.51c0 .5.25.96.68 1.22a1.442 1.442 0 0 0 1.39.06l5.83-2.92c.85-.43 1.38-1.28 1.38-2.24v-5.51c0-.5-.25-.95-.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: "m12.92 2.26 6.51 3.51c.76.41.76 1.58 0 1.99l-6.51 3.51c-.58.31-1.26.31-1.84 0L4.57 7.76c-.76-.41-.76-1.58 0-1.99l6.51-3.51c.58-.31 1.26-.31 1.84 0ZM3.61 10.13l6.05 3.03c.75.38 1.23 1.15 1.23 1.99v5.72c0 .83-.87 1.36-1.61.99l-6.05-3.03A2.238 2.238 0 0 1 2 16.84v-5.72c0-.83.87-1.36 1.61-.99ZM20.39 10.13l-6.05 3.03c-.75.38-1.23 1.15-1.23 1.99v5.72c0 .83.87 1.36 1.61.99l6.05-3.03c.75-.38 1.23-1.15 1.23-1.99v-5.72c0-.83-.87-1.36-1.61-.99Z",
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 12.252c-.44 0-.88-.11-1.28-.32l-6.51-3.51c-.59-.32-.96-.95-.96-1.65s.37-1.33.96-1.65l6.51-3.51c.8-.43 1.76-.43 2.55 0l6.51 3.51c.59.32.96.95.96 1.65s-.37 1.33-.96 1.65l-6.51 3.51c-.39.22-.83.32-1.27.32Zm0-9.47c-.19 0-.39.05-.57.15l-6.5 3.5c-.17.09-.18.28-.18.34s.01.25.18.33l6.51 3.51c.36.19.77.19 1.13 0l6.51-3.51c.16-.09.18-.28.18-.33 0-.06-.01-.25-.18-.33l-6.51-3.51c-.18-.1-.38-.15-.57-.15ZM9.78 22.72c-.28 0-.57-.07-.83-.2L2.89 19.5a2.969 2.969 0 0 1-1.64-2.66v-5.72c0-.65.33-1.24.88-1.58.56-.34 1.23-.37 1.81-.08L10 12.48c1.01.51 1.64 1.52 1.64 2.66v5.72c0 .65-.33 1.24-.88 1.58-.3.19-.64.28-.98.28ZM3.11 10.76c-.08 0-.15.03-.19.05-.06.04-.17.13-.17.31v5.72c0 .56.31 1.07.81 1.32l6.05 3.03c.16.08.29.02.35-.01.06-.04.17-.13.17-.31v-5.72c0-.56-.31-1.07-.81-1.32L3.27 10.8a.343.343 0 0 0-.16-.04ZM14.22 22.718c-.34 0-.68-.09-.98-.28-.55-.34-.88-.93-.88-1.58v-5.72c0-1.13.63-2.15 1.64-2.66l6.05-3.03c.58-.29 1.26-.26 1.81.08s.88.93.88 1.58v5.72c0 1.13-.63 2.15-1.64 2.66l-6.05 3.03c-.26.14-.55.2-.83.2Zm6.67-11.96c-.05 0-.1.01-.16.04l-6.05 3.03c-.5.25-.81.75-.81 1.32v5.72c0 .18.11.27.17.31.06.04.19.09.35.01l6.05-3.03c.5-.25.81-.76.81-1.32v-5.72c0-.18-.11-.27-.17-.31a.434.434 0 0 0-.19-.05Z",
fill: color
}));
};
var TwoTone = function TwoTone(_ref6) {
var color = _ref6.color;
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "m12.92 2.26 6.51 3.51c.76.41.76 1.58 0 1.99l-6.51 3.51c-.58.31-1.26.31-1.84 0L4.57 7.76c-.76-.41-.76-1.58 0-1.99l6.51-3.51c.58-.31 1.26-.31 1.84 0Z",
stroke: color,
strokeWidth: "1.5",
strokeLinecap: "round",
strokeLinejoin: "round"
}), /*#__PURE__*/React.createElement("path", {
opacity: ".4",
d: "m3.61 10.132 6.05 3.03c.75.38 1.23 1.15 1.23 1.99v5.72c0 .83-.87 1.36-1.61.99l-6.05-3.03A2.238 2.238 0 0 1 2 16.842v-5.72c0-.83.87-1.36 1.61-.99ZM20.39 10.132l-6.05 3.03c-.75.38-1.23 1.15-1.23 1.99v5.72c0 .83.87 1.36 1.61.99l6.05-3.03c.75-.38 1.23-1.15 1.23-1.99v-5.72c0-.83-.87-1.36-1.61-.99Z",
stroke: color,
strokeWidth: "1.5",
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 I3Dcube = /*#__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));
});
I3Dcube.propTypes = {
variant: PropTypes.oneOf(['Linear', 'Bold', 'Broken', 'Bulk', 'Outline', 'TwoTone']),
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
};
I3Dcube.defaultProps = {
variant: 'Linear',
color: 'currentColor',
size: '24'
};
I3Dcube.displayName = 'I3Dcube';
export { I3Dcube as default };