iconsax-react
Version:
Iconsax icon pack for React
197 lines (179 loc) • 10.2 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: "m16 21.29-9.36 1.1c-.65.08-1.23-.02-1.72-.26a2.59 2.59 0 0 1-1.19-1.19c-.24-.49-.33-1.06-.26-1.7l.85-7.15c.08.03.16.06.24.08.61.22 1.26.33 1.94.33 1.46 0 2.87-.53 3.94-1.48a5.962 5.962 0 0 0 2-3.71c.01-.05.01-.1.01-.15l.17.01 6.08 6.09.26 4.42c.25 2.48-.61 3.34-2.96 3.61Z",
fill: color
}), /*#__PURE__*/React.createElement("path", {
d: "M6.5 2c-1.06 0-2.04.37-2.81.99A4.448 4.448 0 0 0 2 6.5c0 .84.24 1.64.65 2.32.44.73 1.08 1.33 1.86 1.71.17.09.36.17.55.23.45.16.93.24 1.44.24 1.14 0 2.17-.42 2.96-1.12a4.455 4.455 0 0 0 1.37-2.18c.06-.2.1-.41.13-.63.03-.19.04-.38.04-.57C11 4.01 8.99 2 6.5 2Zm1.73 6.21c-.14.14-.34.22-.53.22s-.38-.08-.53-.22l-.66-.66-.68.68c-.15.15-.34.22-.53.22s-.39-.07-.53-.22a.754.754 0 0 1 0-1.06l.69-.69-.67-.65a.754.754 0 0 1 0-1.06c.29-.29.77-.29 1.06 0l.66.66.63-.63c.29-.29.77-.29 1.06 0 .29.29.29.77 0 1.06l-.63.63.66.66c.3.29.3.76 0 1.06ZM22 10.282l-2.07 1.31c-.39.24-.89.19-1.21-.14l-4.43-4.43a.982.982 0 0 1-.14-1.21l1.31-2.07c.8-1.26 2.4-1.32 3.59-.15l3.11 3.11c1.09 1.11 1.02 2.83-.16 3.58Z",
fill: color
}));
};
var Broken = function Broken(_ref2) {
var color = _ref2.color;
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "M18.02 4.86c-1.2-1.2-2.85-1.14-3.66.15l-1.77 2.8 5.67 5.67 2.8-1.77c1.21-.76 1.28-2.53.14-3.66M11.29 21.482l-4.27.5c-1.84.21-3.16-1.11-2.94-2.94l.98-8.28",
stroke: color,
strokeWidth: "1.5",
strokeLinecap: "round",
strokeLinejoin: "round"
}), /*#__PURE__*/React.createElement("path", {
d: "m18.25 13.469.24 4.12c.23 2.3-.57 3.1-2.75 3.36M12.58 7.81l-1.75-.11M5.281 20.78l3.18-3.19",
stroke: color,
strokeWidth: "1.5",
strokeLinecap: "round",
strokeLinejoin: "round"
}), /*#__PURE__*/React.createElement("path", {
d: "M11 6.5c0 .41-.06.82-.17 1.2a4.455 4.455 0 0 1-1.37 2.18C8.67 10.58 7.64 11 6.5 11c-.51 0-.99-.08-1.44-.24a4.466 4.466 0 0 1-2.41-1.94A4.5 4.5 0 0 1 2 6.5c0-1.42.65-2.69 1.69-3.51A4.494 4.494 0 0 1 11 6.5ZM7.7 7.68 5.32 5.3M7.68 5.32 5.3 7.7",
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.711 11.35-3.01 1.9-6.08-6.08 1.89-3.01c.88-1.39 2.65-1.45 3.94-.16l3.41 3.41c1.22 1.23 1.14 3.12-.15 3.94Z",
fill: color
}), /*#__PURE__*/React.createElement("path", {
opacity: ".4",
d: "m16 21.29-9.36 1.1c-.65.08-1.23-.02-1.72-.26a2.59 2.59 0 0 1-1.19-1.19c-.24-.49-.33-1.06-.26-1.7l1.04-8.71c.17.09.36.17.55.23.45.16.93.24 1.44.24 1.14 0 2.17-.42 2.96-1.12a4.455 4.455 0 0 0 1.37-2.18c.06-.2.1-.41.13-.63l1.66.1 6.08 6.09.26 4.42c.25 2.48-.61 3.34-2.96 3.61Z",
fill: color
}), /*#__PURE__*/React.createElement("path", {
d: "m8.78 18.281-3.85 3.85c-.53-.26-.93-.66-1.19-1.19l3.85-3.85c.34-.33.87-.33 1.19 0 .33.33.33.86 0 1.19ZM6.5 2c-1.06 0-2.04.37-2.81.99A4.448 4.448 0 0 0 2 6.5c0 .84.24 1.64.65 2.32.44.73 1.08 1.33 1.86 1.71.17.09.36.17.55.23.45.16.93.24 1.44.24 1.14 0 2.17-.42 2.96-1.12a4.455 4.455 0 0 0 1.37-2.18c.06-.2.1-.41.13-.63.03-.19.04-.38.04-.57C11 4.01 8.99 2 6.5 2Zm1.73 6.21c-.15.15-.34.22-.53.22s-.38-.07-.53-.22l-.66-.66-.69.69c-.15.15-.34.22-.53.22s-.38-.07-.53-.22a.754.754 0 0 1 0-1.06l.69-.69-.66-.66a.754.754 0 0 1 0-1.06c.29-.29.77-.29 1.06 0l.66.66.63-.63c.29-.29.77-.29 1.06 0 .29.29.29.77 0 1.06l-.63.63.66.66c.3.29.3.76 0 1.06Z",
fill: color
}));
};
var Linear = function Linear(_ref4) {
var color = _ref4.color;
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
stroke: color,
strokeLinecap: "round",
strokeLinejoin: "round",
strokeWidth: "1.5",
d: "M21.19 8.04l-3.18-3.18c-1.2-1.2-2.85-1.14-3.66.15l-1.77 2.8 5.67 5.67 2.8-1.77c1.21-.77 1.28-2.54.14-3.67z"
}), /*#__PURE__*/React.createElement("path", {
stroke: color,
strokeLinecap: "round",
strokeLinejoin: "round",
strokeWidth: "1.5",
d: "M18.25 13.47l.24 4.12c.23 2.3-.57 3.1-2.75 3.36l-8.72 1.03c-1.84.21-3.16-1.11-2.94-2.94l.98-8.28M12.58 7.81l-1.75-.11M5.28 20.78l3.18-3.19"
}), /*#__PURE__*/React.createElement("path", {
stroke: color,
strokeLinecap: "round",
strokeLinejoin: "round",
strokeMiterlimit: "10",
strokeWidth: "1.5",
d: "M11 6.5c0 .41-.06.82-.17 1.2a4.455 4.455 0 01-1.37 2.18C8.67 10.58 7.64 11 6.5 11c-.51 0-.99-.08-1.44-.24a4.466 4.466 0 01-2.41-1.94A4.5 4.5 0 012 6.5c0-1.42.65-2.69 1.69-3.51A4.494 4.494 0 0111 6.5z"
}), /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
stroke: color,
strokeLinecap: "round",
strokeLinejoin: "round",
strokeMiterlimit: "10",
strokeWidth: "1.5",
d: "M7.7 7.68L5.32 5.3M7.68 5.32L5.3 7.7"
})));
};
var Outline = function Outline(_ref5) {
var color = _ref5.color;
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "M18.251 14.22c-.19 0-.39-.08-.53-.22l-5.67-5.67a.742.742 0 0 1-.1-.93l1.77-2.8c.48-.77 1.23-1.24 2.09-1.34.95-.11 1.96.28 2.74 1.06l3.18 3.18c.75.75 1.12 1.75 1.01 2.75-.1.87-.56 1.62-1.28 2.08l-2.8 1.77c-.13.08-.27.12-.41.12Zm-4.71-6.52 4.82 4.82 2.29-1.45c.34-.21.55-.56.59-.98.06-.53-.16-1.1-.58-1.52l-3.18-3.18c-.46-.46-1.01-.69-1.51-.63-.4.04-.74.27-.98.65l-1.45 2.29Z",
fill: color
}), /*#__PURE__*/React.createElement("path", {
d: "M6.63 22.752c-.94 0-1.77-.33-2.39-.95-.72-.72-1.04-1.73-.91-2.85l.98-8.28c.05-.41.41-.7.83-.66.41.05.71.42.66.83l-.98 8.28c-.08.65.09 1.22.48 1.61.39.39.97.57 1.63.49l8.72-1.03c1.86-.22 2.27-.72 2.09-2.54l-.24-4.15a.75.75 0 1 1 1.5-.08l.24 4.12c.26 2.58-.76 3.83-3.41 4.15l-8.72 1.03c-.16.02-.32.03-.48.03ZM12.58 8.561h-.05l-1.75-.11a.75.75 0 1 1 .1-1.5l1.75.11c.41.03.73.38.7.8a.76.76 0 0 1-.75.7Z",
fill: color
}), /*#__PURE__*/React.createElement("path", {
d: "M5.28 21.53c-.19 0-.38-.07-.53-.22a.755.755 0 0 1 0-1.06l3.18-3.18c.29-.29.77-.29 1.06 0 .29.29.29.77 0 1.06l-3.18 3.18c-.15.15-.34.22-.53.22ZM6.5 11.75c-.59 0-1.16-.1-1.69-.28a5.204 5.204 0 0 1-2.8-2.26c-.5-.82-.76-1.76-.76-2.71 0-1.62.72-3.11 1.98-4.1.92-.74 2.08-1.15 3.27-1.15 2.9 0 5.25 2.36 5.25 5.25 0 .47-.07.96-.2 1.41-.13.46-.31.88-.56 1.3-.29.48-.64.89-1.05 1.24-.94.84-2.16 1.3-3.44 1.3Zm0-9c-.85 0-1.68.29-2.34.82-.9.71-1.41 1.77-1.41 2.93 0 .67.19 1.34.54 1.93.46.76 1.17 1.34 2 1.61 1.21.43 2.66.16 3.67-.73.29-.25.54-.55.75-.88a3.83 3.83 0 0 0 .54-1.93c0-2.07-1.68-3.75-3.75-3.75Z",
fill: color
}), /*#__PURE__*/React.createElement("path", {
d: "M7.7 8.428c-.19 0-.38-.07-.53-.22l-2.38-2.38a.754.754 0 0 1 0-1.06c.29-.29.77-.29 1.06 0l2.38 2.38c.29.29.29.77 0 1.06-.14.14-.34.22-.53.22Z",
fill: color
}), /*#__PURE__*/React.createElement("path", {
d: "M5.3 8.452c-.19 0-.38-.07-.53-.22a.754.754 0 0 1 0-1.06l2.38-2.38c.29-.29.77-.29 1.06 0 .29.29.29.77 0 1.06l-2.38 2.38c-.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: "m21.19 8.04-3.18-3.18c-1.2-1.2-2.85-1.14-3.66.15l-1.77 2.8 5.67 5.67 2.8-1.77c1.21-.77 1.28-2.54.14-3.67Z"
}), /*#__PURE__*/React.createElement("path", {
d: "m18.25 13.472.24 4.12c.23 2.3-.57 3.1-2.75 3.36l-8.72 1.03c-1.84.21-3.16-1.11-2.94-2.94l.98-8.28M12.58 7.81l-1.75-.11M5.281 20.78l3.18-3.19"
})), /*#__PURE__*/React.createElement("path", {
d: "M11 6.5c0 .41-.06.82-.17 1.2a4.455 4.455 0 0 1-1.37 2.18C8.67 10.58 7.64 11 6.5 11c-.51 0-.99-.08-1.44-.24a4.466 4.466 0 0 1-2.41-1.94A4.5 4.5 0 0 1 2 6.5c0-1.42.65-2.69 1.69-3.51A4.494 4.494 0 0 1 11 6.5ZM7.7 7.68 5.32 5.3M7.68 5.32 5.3 7.7",
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 PenClose = /*#__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));
});
PenClose.propTypes = {
variant: PropTypes.oneOf(['Linear', 'Bold', 'Broken', 'Bulk', 'Outline', 'TwoTone']),
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
};
PenClose.defaultProps = {
variant: 'Linear',
color: 'currentColor',
size: '24'
};
PenClose.displayName = 'PenClose';
export { PenClose as default };