iconsax-react
Version:
Iconsax icon pack for React
187 lines (169 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: "M21.28 15.72c-.65-.45-1.44-.72-2.28-.72-.94 0-1.81.33-2.5.88A3.97 3.97 0 0 0 15 19c0 .75.21 1.46.58 2.06.04.07.09.14.15.21A3.93 3.93 0 0 0 19 23c1.01 0 1.93-.37 2.63-1 .31-.26.58-.58.79-.94.37-.6.58-1.31.58-2.06 0-1.36-.68-2.56-1.72-3.28Zm-.68 4.86c-.15.15-.34.22-.53.22s-.38-.07-.53-.22l-.53-.53-.55.55c-.15.15-.34.22-.53.22s-.38-.07-.53-.22a.754.754 0 0 1 0-1.06l.55-.55-.53-.53a.754.754 0 0 1 0-1.06c.29-.29.77-.29 1.06 0l.53.53.5-.5c.29-.29.77-.29 1.06 0 .29.29.29.77 0 1.06l-.5.5.53.53c.29.29.29.76 0 1.06Z",
fill: color
}), /*#__PURE__*/React.createElement("path", {
d: "M21.85 10.25c-.78-4.45-4.61-7.9-9.12-8.22-6.1-.44-11.14 4.61-10.7 10.7.32 4.51 3.77 8.33 8.22 9.11 1.15.2 2.27.2 3.34.02.31-.05.49-.39.37-.67-.3-.68-.46-1.43-.46-2.2 0-1.69.75-3.25 2.07-4.29.97-.78 2.19-1.21 3.43-1.21.78 0 1.52.16 2.19.46.29.13.62-.06.68-.37.18-1.06.18-2.18-.02-3.33Zm-7.35 3.32-1.2.69-1.2.69c-1.49.86-2.71.16-2.71-1.57V10.61c0-1.72 1.22-2.43 2.71-1.57l1.2.69 1.2.69c1.49.88 1.49 2.28 0 3.15Z",
fill: color
}));
};
var Broken = function Broken(_ref2) {
var color = _ref2.color;
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "M9.379 12.002v-1.39c0-1.72 1.22-2.43 2.71-1.57l1.2.69 1.2.69c1.49.86 1.49 2.27 0 3.13l-1.2.69-1.2.69c-1.49.86-2.71.16-2.71-1.57v-1.36ZM20.07 20.04l-2.12-2.11M20.05 17.96l-2.12 2.11",
stroke: color,
strokeWidth: "1.5",
strokeMiterlimit: "10",
strokeLinecap: "round",
strokeLinejoin: "round"
}), /*#__PURE__*/React.createElement("path", {
d: "M23 19c0 .75-.21 1.46-.58 2.06-.21.36-.48.68-.79.94-.7.63-1.62 1-2.63 1a3.93 3.93 0 0 1-3.27-1.73c-.06-.07-.11-.14-.15-.21A3.92 3.92 0 0 1 15 19c0-1.26.58-2.39 1.5-3.12.69-.55 1.56-.88 2.5-.88.84 0 1.63.27 2.28.72A3.98 3.98 0 0 1 23 19Z",
stroke: color,
strokeWidth: "1.5",
strokeLinecap: "round",
strokeLinejoin: "round"
}), /*#__PURE__*/React.createElement("path", {
d: "M7.969 2.85c1.23-.55 2.6-.85 4.03-.85 5.52 0 10 4.48 10 10 0 1.31-.25 2.57-.72 3.72M4 6c-1.25 1.67-2 3.75-2 6 0 5.52 4.48 10 10 10 1.32 0 2.58-.26 3.73-.73",
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: "M21.28 15.72c-.65-.45-1.44-.72-2.28-.72-.94 0-1.81.33-2.5.88A3.97 3.97 0 0 0 15 19c0 .75.21 1.46.58 2.06.04.07.09.14.15.21A3.93 3.93 0 0 0 19 23c1.01 0 1.93-.37 2.63-1 .31-.26.58-.58.79-.94.37-.6.58-1.31.58-2.06 0-1.36-.68-2.56-1.72-3.28Zm-.68 4.86c-.15.15-.34.22-.53.22s-.38-.07-.53-.22l-.53-.53-.55.55c-.15.15-.34.22-.53.22s-.38-.07-.53-.22a.754.754 0 0 1 0-1.06l.55-.55-.53-.53a.754.754 0 0 1 0-1.06c.29-.29.77-.29 1.06 0l.53.53.5-.5c.29-.29.77-.29 1.06 0 .29.29.29.77 0 1.06l-.5.5.53.53c.29.29.29.76 0 1.06Z",
fill: color
}), /*#__PURE__*/React.createElement("path", {
opacity: ".4",
d: "M22 12c0 1.31-.25 2.57-.72 3.72-.65-.45-1.44-.72-2.28-.72-.94 0-1.81.33-2.5.88A3.97 3.97 0 0 0 15 19c0 .75.21 1.46.58 2.06.04.07.09.14.15.21A9.84 9.84 0 0 1 12 22C6.48 22 2 17.52 2 12S6.48 2 12 2s10 4.48 10 10Z",
fill: color
}), /*#__PURE__*/React.createElement("path", {
d: "M9.379 12.002v-1.39c0-1.72 1.22-2.43 2.71-1.57l1.2.69 1.2.69c1.49.86 1.49 2.27 0 3.13l-1.2.69-1.2.69c-1.49.86-2.71.16-2.71-1.57v-1.36Z",
fill: color
}));
};
var Linear = function Linear(_ref4) {
var color = _ref4.color;
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "M22 12c0 1.31-.25 2.57-.72 3.72-.65-.45-1.44-.72-2.28-.72-.94 0-1.81.33-2.5.88A3.97 3.97 0 0 0 15 19c0 .75.21 1.46.58 2.06.04.07.09.14.15.21A9.84 9.84 0 0 1 12 22C6.48 22 2 17.52 2 12S6.48 2 12 2s10 4.48 10 10Z",
stroke: color,
strokeWidth: "1.5",
strokeLinecap: "round",
strokeLinejoin: "round"
}), /*#__PURE__*/React.createElement("path", {
d: "M9.38 12v-1.39c0-1.72 1.22-2.43 2.71-1.57l1.2.69 1.2.69c1.49.86 1.49 2.27 0 3.13l-1.2.69-1.2.69c-1.49.86-2.71.16-2.71-1.57V12ZM23 19c0 .75-.21 1.46-.58 2.06-.21.36-.48.68-.79.94-.7.63-1.62 1-2.63 1a3.93 3.93 0 0 1-3.27-1.73c-.06-.07-.11-.14-.15-.21A3.92 3.92 0 0 1 15 19c0-1.26.58-2.39 1.5-3.12.69-.55 1.56-.88 2.5-.88.84 0 1.63.27 2.28.72A3.98 3.98 0 0 1 23 19ZM20.07 20.04l-2.12-2.11M20.05 17.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 22.75C6.07 22.75 1.25 17.93 1.25 12S6.07 1.25 12 1.25 22.75 6.07 22.75 12c0 1.4-.26 2.74-.78 4-.09.21-.26.37-.48.43a.73.73 0 0 1-.64-.1 3.303 3.303 0 0 0-3.89.13 3.224 3.224 0 0 0-.75 4.2c.03.05.05.08.08.11.16.18.22.43.17.67-.05.24-.22.43-.45.52-1.27.53-2.62.79-4.01.79Zm0-20C6.9 2.75 2.75 6.9 2.75 12S6.9 21.25 12 21.25c.9 0 1.78-.13 2.63-.39-.25-.58-.38-1.21-.38-1.86 0-1.46.65-2.81 1.78-3.71 1.35-1.08 3.27-1.33 4.83-.66.25-.84.38-1.73.38-2.64.01-5.09-4.14-9.24-9.24-9.24Z",
fill: color
}), /*#__PURE__*/React.createElement("path", {
d: "M10.879 16.069c-.39 0-.76-.09-1.08-.28-.74-.43-1.17-1.3-1.17-2.4v-2.78c0-1.1.43-1.97 1.17-2.4.75-.43 1.72-.36 2.67.19l2.4 1.39c.95.55 1.49 1.36 1.49 2.21 0 .85-.54 1.67-1.49 2.21l-2.4 1.39c-.54.31-1.08.47-1.59.47Zm.01-6.64c-.13 0-.24.03-.34.08-.27.16-.42.56-.42 1.1v2.78c0 .54.15.95.42 1.1.27.15.69.09 1.17-.19l2.4-1.39c.47-.27.74-.61.74-.92 0-.31-.27-.64-.74-.92l-2.4-1.39c-.31-.16-.59-.25-.83-.25ZM19 23.75c-1.57 0-3.02-.77-3.89-2.06-.04-.03-.12-.15-.18-.26-.44-.71-.68-1.56-.68-2.43 0-1.46.65-2.81 1.78-3.71 1.61-1.28 3.98-1.37 5.67-.19a4.74 4.74 0 0 1 2.04 3.9c0 .87-.24 1.72-.69 2.45-.25.42-.57.8-.95 1.12-.82.76-1.93 1.18-3.1 1.18Zm0-8c-.74 0-1.44.25-2.03.72a3.224 3.224 0 0 0-.75 4.2c.03.05.05.08.08.11.65.95 1.64 1.47 2.71 1.47.79 0 1.55-.29 2.13-.81.26-.22.48-.48.64-.76.32-.51.48-1.09.48-1.68 0-1.06-.52-2.06-1.4-2.66-.56-.39-1.2-.59-1.86-.59Z",
fill: color
}), /*#__PURE__*/React.createElement("path", {
d: "M20.069 20.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 20.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("path", {
opacity: ".4",
d: "M22 12c0 1.31-.25 2.57-.72 3.72-.65-.45-1.44-.72-2.28-.72-.94 0-1.81.33-2.5.88A3.97 3.97 0 0 0 15 19c0 .75.21 1.46.58 2.06.04.07.09.14.15.21A9.84 9.84 0 0 1 12 22C6.48 22 2 17.52 2 12S6.48 2 12 2s10 4.48 10 10Z",
stroke: color,
strokeWidth: "1.5",
strokeLinecap: "round",
strokeLinejoin: "round"
}), /*#__PURE__*/React.createElement("path", {
d: "M9.379 12.002v-1.39c0-1.72 1.22-2.43 2.71-1.57l1.2.69 1.2.69c1.49.86 1.49 2.27 0 3.13l-1.2.69-1.2.69c-1.49.86-2.71.16-2.71-1.57v-1.36ZM23 19c0 .75-.21 1.46-.58 2.06-.21.36-.48.68-.79.94-.7.63-1.62 1-2.63 1a3.93 3.93 0 0 1-3.27-1.73c-.06-.07-.11-.14-.15-.21A3.92 3.92 0 0 1 15 19c0-1.26.58-2.39 1.5-3.12.69-.55 1.56-.88 2.5-.88.84 0 1.63.27 2.28.72A3.98 3.98 0 0 1 23 19Z",
stroke: color,
strokeWidth: "1.5",
strokeMiterlimit: "10",
strokeLinecap: "round",
strokeLinejoin: "round"
}), /*#__PURE__*/React.createElement("g", {
opacity: ".4",
stroke: color,
strokeWidth: "1.5",
strokeMiterlimit: "10",
strokeLinecap: "round",
strokeLinejoin: "round"
}, /*#__PURE__*/React.createElement("path", {
d: "m20.07 20.04-2.12-2.11M20.05 17.96l-2.12 2.11"
})));
};
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 PlayRemove = /*#__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));
});
PlayRemove.propTypes = {
variant: PropTypes.oneOf(['Linear', 'Bold', 'Broken', 'Bulk', 'Outline', 'TwoTone']),
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
};
PlayRemove.defaultProps = {
variant: 'Linear',
color: 'currentColor',
size: '24'
};
PlayRemove.displayName = 'PlayRemove';
export { PlayRemove as default };