iconsax-react
Version:
Iconsax icon pack for React
180 lines (162 loc) • 10.7 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: "M2.582 9.42c-.08 0-.17-.01-.25-.04a.763.763 0 0 1-.46-.96c.67-1.88 1.83-3.53 3.38-4.78.32-.26.79-.21 1.05.11s.21.79-.11 1.06a9.244 9.244 0 0 0-2.9 4.11c-.11.31-.4.5-.71.5ZM2.58 16.08a.75.75 0 0 1-.71-.5c-.41-1.16-.62-2.37-.62-3.58 0-.41.34-.75.75-.75s.75.34.75.75c0 1.04.18 2.08.54 3.08.14.39-.07.82-.46.96-.08.03-.17.04-.25.04ZM11.999 22.752c-1.06 0-2.11-.16-3.13-.47a.75.75 0 0 1-.5-.94c.12-.4.54-.62.94-.5.87.27 1.78.4 2.69.4 5.1 0 9.25-4.15 9.25-9.25 0-.52-.05-1.06-.15-1.63-.07-.41.2-.8.61-.87.4-.07.8.2.87.61.12.66.18 1.28.18 1.9-.01 5.93-4.83 10.75-10.76 10.75ZM5.718 20.498a.7.7 0 0 1-.47-.17c-.57-.46-1.03-.9-1.42-1.35a.757.757 0 0 1 .08-1.06c.32-.27.79-.23 1.06.08.33.38.73.76 1.22 1.16.32.26.37.73.11 1.05a.72.72 0 0 1-.58.29ZM20.238 7.09a.74.74 0 0 1-.62-.33 9.247 9.247 0 0 0-10.31-3.61.76.76 0 0 1-.94-.5c-.13-.4.1-.82.5-.94 1.02-.3 2.07-.46 3.13-.46 3.54 0 6.85 1.75 8.86 4.67.23.34.15.81-.19 1.04-.13.09-.28.13-.43.13Z",
fill: color
}), /*#__PURE__*/React.createElement("path", {
d: "M16.03 6.499c-.33-.25-.93-.5-1.89-.24l-3.19.86c-.92.26-1.52 1.04-1.52 2v4.22c-.26-.1-.54-.16-.84-.16-1.29 0-2.34 1.05-2.34 2.34 0 1.29 1.05 2.34 2.34 2.34 1.28 0 2.31-1.03 2.33-2.3 0-.01.01-.02.01-.04v-4.19l4.32-1.18v2.13c-.26-.1-.54-.16-.84-.16-1.29 0-2.34 1.05-2.34 2.34 0 1.29 1.05 2.34 2.34 2.34 1.29 0 2.34-1.05 2.34-2.34v-6.21c0-.8-.24-1.39-.72-1.75Zm-7.44 9.86c-.46 0-.84-.38-.84-.84 0-.46.38-.84.84-.84.46 0 .84.38.84.84 0 .46-.38.84-.84.84Zm5.82-1.06c-.46 0-.84-.38-.84-.84 0-.46.38-.84.84-.84.46 0 .84.38.84.84 0 .46-.38.84-.84.84Z",
fill: color
}));
};
var Broken = function Broken(_ref2) {
var color = _ref2.color;
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "M2.578 8.67a9.993 9.993 0 0 1 3.14-4.44M2 12c0 1.17.21 2.29.58 3.33M9.09 21.568c.92.28 1.9.43 2.91.43 5.52 0 10-4.48 10-10 0-.6-.06-1.19-.16-1.76M5.718 19.748c-.47-.38-.92-.8-1.32-1.26M20.24 6.34A9.982 9.982 0 0 0 12 2c-1.01 0-1.99.15-2.91.43M8.59 17.11a1.59 1.59 0 1 0 0-3.18 1.59 1.59 0 0 0 0 3.18Z",
stroke: color,
strokeWidth: "1.5",
strokeLinecap: "round",
strokeLinejoin: "round"
}), /*#__PURE__*/React.createElement("path", {
d: "M16.002 14.46V8.25c0-1.32-.83-1.51-1.67-1.28l-3.18.87c-.58.16-.98.61-.98 1.28v6.4",
stroke: color,
strokeWidth: "1.5",
strokeLinecap: "round",
strokeLinejoin: "round"
}), /*#__PURE__*/React.createElement("path", {
d: "M14.41 16.051a1.59 1.59 0 1 0 0-3.18 1.59 1.59 0 0 0 0 3.18ZM10.18 10.762 16 9.172",
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: "M2.582 9.42c-.08 0-.17-.01-.25-.04a.763.763 0 0 1-.46-.96c.67-1.88 1.83-3.53 3.38-4.78.32-.26.79-.21 1.05.11s.21.79-.11 1.06a9.167 9.167 0 0 0-2.9 4.11c-.11.31-.4.5-.71.5ZM2.58 16.08a.75.75 0 0 1-.71-.5c-.41-1.17-.62-2.37-.62-3.58 0-.41.34-.75.75-.75s.75.34.75.75c0 1.04.18 2.08.54 3.08.14.39-.07.82-.46.96-.08.03-.17.04-.25.04ZM11.999 22.752c-1.06 0-2.11-.16-3.13-.47a.75.75 0 0 1-.5-.94c.12-.4.54-.62.94-.5.87.27 1.78.4 2.69.4 5.1 0 9.25-4.15 9.25-9.25 0-.52-.05-1.06-.15-1.63-.07-.41.2-.8.61-.87.4-.07.8.2.87.61.12.66.18 1.28.18 1.9-.01 5.93-4.83 10.75-10.76 10.75ZM5.718 20.498a.7.7 0 0 1-.47-.17c-.57-.46-1.03-.9-1.42-1.35a.757.757 0 0 1 .08-1.06c.32-.27.79-.23 1.06.08.33.38.73.76 1.22 1.16.32.26.37.73.11 1.05a.72.72 0 0 1-.58.29ZM20.238 7.09a.74.74 0 0 1-.62-.33 9.244 9.244 0 0 0-10.31-3.62.76.76 0 0 1-.94-.5c-.13-.4.1-.82.5-.94 1.02-.31 2.07-.47 3.13-.47 3.54 0 6.85 1.75 8.86 4.67.23.34.15.81-.19 1.04-.13.11-.28.15-.43.15Z",
fill: color
}), /*#__PURE__*/React.createElement("path", {
d: "M16.03 6.498c-.33-.25-.93-.5-1.89-.24l-3.19.86c-.92.26-1.52 1.04-1.52 2v4.22c-.26-.1-.54-.16-.84-.16-1.29 0-2.34 1.05-2.34 2.34 0 1.29 1.05 2.34 2.34 2.34 1.28 0 2.31-1.03 2.33-2.3 0-.01.01-.02.01-.04v-4.19l4.32-1.18v2.13c-.26-.1-.54-.16-.84-.16-1.29 0-2.34 1.05-2.34 2.34 0 1.29 1.05 2.34 2.34 2.34 1.29 0 2.34-1.05 2.34-2.34v-6.21c0-.8-.24-1.39-.72-1.75Zm-7.44 9.86c-.46 0-.84-.38-.84-.84 0-.46.38-.84.84-.84.46 0 .84.38.84.84 0 .46-.38.84-.84.84Zm5.82-1.06c-.46 0-.84-.38-.84-.84 0-.46.38-.84.84-.84.46 0 .84.38.84.84 0 .46-.38.84-.84.84Z",
fill: color
}));
};
var Linear = function Linear(_ref4) {
var color = _ref4.color;
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "M2.58 8.67a9.993 9.993 0 0 1 3.14-4.44M2 12c0 1.17.21 2.29.58 3.33M9.09 21.57c.92.28 1.9.43 2.91.43 5.52 0 10-4.48 10-10 0-.6-.06-1.19-.16-1.76M5.72 19.75c-.47-.38-.92-.8-1.32-1.26M20.24 6.34A9.982 9.982 0 0 0 12 2c-1.01 0-1.99.15-2.91.43M8.59 17.11a1.59 1.59 0 1 0 0-3.18 1.59 1.59 0 0 0 0 3.18Z",
stroke: color,
strokeWidth: "1.5",
strokeLinecap: "round",
strokeLinejoin: "round"
}), /*#__PURE__*/React.createElement("path", {
d: "M16 14.46V8.25c0-1.32-.83-1.51-1.67-1.28l-3.18.87c-.58.16-.98.61-.98 1.28v6.4",
stroke: color,
strokeWidth: "1.5",
strokeLinecap: "round",
strokeLinejoin: "round"
}), /*#__PURE__*/React.createElement("path", {
d: "M14.41 16.05a1.59 1.59 0 1 0 0-3.18 1.59 1.59 0 0 0 0 3.18ZM10.18 10.76 16 9.17",
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: "M2.582 9.42c-.08 0-.17-.01-.25-.04a.763.763 0 0 1-.46-.96c.67-1.88 1.83-3.53 3.38-4.78.32-.26.79-.21 1.05.11s.21.79-.11 1.06a9.167 9.167 0 0 0-2.9 4.11c-.11.31-.4.5-.71.5ZM2.58 16.08a.75.75 0 0 1-.71-.5c-.41-1.17-.62-2.37-.62-3.58 0-.41.34-.75.75-.75s.75.34.75.75c0 1.04.18 2.08.54 3.08.14.39-.07.82-.46.96-.08.03-.17.04-.25.04ZM11.999 22.752c-1.06 0-2.11-.16-3.13-.47a.75.75 0 0 1-.5-.94c.12-.4.54-.62.94-.5.87.27 1.78.4 2.69.4 5.1 0 9.25-4.15 9.25-9.25 0-.52-.05-1.06-.15-1.63-.07-.41.2-.8.61-.87.41-.07.8.2.87.61.12.66.18 1.28.18 1.9-.01 5.93-4.83 10.75-10.76 10.75ZM5.718 20.502a.7.7 0 0 1-.47-.17c-.57-.46-1.03-.9-1.42-1.35a.757.757 0 0 1 .08-1.06c.31-.27.79-.23 1.06.08.33.38.73.76 1.22 1.16.32.26.37.73.11 1.05a.72.72 0 0 1-.58.29ZM20.238 7.09a.74.74 0 0 1-.62-.33 9.244 9.244 0 0 0-10.31-3.62.76.76 0 0 1-.94-.5c-.13-.4.1-.82.5-.94 1.02-.31 2.07-.47 3.13-.47 3.54 0 6.85 1.75 8.86 4.67.23.34.15.81-.19 1.04-.13.11-.28.15-.43.15ZM8.59 17.86c-1.29 0-2.34-1.05-2.34-2.34 0-1.29 1.05-2.34 2.34-2.34 1.29 0 2.34 1.05 2.34 2.34 0 1.29-1.05 2.34-2.34 2.34Zm0-3.18c-.46 0-.84.38-.84.84 0 .46.38.84.84.84.46 0 .84-.38.84-.84 0-.46-.38-.84-.84-.84Z",
fill: color
}), /*#__PURE__*/React.createElement("path", {
d: "M10.18 16.27c-.41 0-.75-.34-.75-.75v-6.4c0-.96.6-1.75 1.53-2l3.18-.87c.96-.26 1.56-.01 1.89.24.48.37.72.96.72 1.76v6.21c0 .41-.34.75-.75.75s-.75-.34-.75-.75V8.25c0-.34-.07-.52-.14-.56-.07-.05-.28-.07-.59.01l-3.18.87c-.28.08-.42.26-.42.55v6.4a.74.74 0 0 1-.74.75Z",
fill: color
}), /*#__PURE__*/React.createElement("path", {
d: "M14.41 16.801c-1.29 0-2.34-1.05-2.34-2.34 0-1.29 1.05-2.34 2.34-2.34 1.29 0 2.34 1.05 2.34 2.34 0 1.29-1.05 2.34-2.34 2.34Zm0-3.18c-.46 0-.84.38-.84.84 0 .46.38.84.84.84.46 0 .84-.38.84-.84 0-.46-.38-.84-.84-.84ZM10.18 11.5a.747.747 0 0 1-.19-1.47l5.82-1.59a.75.75 0 1 1 .39 1.45l-5.82 1.59c-.07.02-.14.02-.2.02Z",
fill: color
}));
};
var TwoTone = function TwoTone(_ref6) {
var color = _ref6.color;
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "M2.578 8.67a9.993 9.993 0 0 1 3.14-4.44M2 12c0 1.17.21 2.29.58 3.33M9.09 21.568c.92.28 1.9.43 2.91.43 5.52 0 10-4.48 10-10 0-.6-.06-1.19-.16-1.76M5.718 19.748c-.47-.38-.92-.8-1.32-1.26M20.24 6.34A9.982 9.982 0 0 0 12 2c-1.01 0-1.99.15-2.91.43",
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: "M8.59 17.11a1.59 1.59 0 1 0 0-3.18 1.59 1.59 0 0 0 0 3.18Z"
}), /*#__PURE__*/React.createElement("path", {
d: "M16.002 14.46V8.25c0-1.32-.83-1.51-1.67-1.28l-3.18.87c-.58.16-.98.61-.98 1.28v6.4"
}), /*#__PURE__*/React.createElement("path", {
d: "M14.41 16.051a1.59 1.59 0 1 0 0-3.18 1.59 1.59 0 0 0 0 3.18ZM10.18 10.762 16 9.172"
})));
};
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 MusicCircle = /*#__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));
});
MusicCircle.propTypes = {
variant: PropTypes.oneOf(['Linear', 'Bold', 'Broken', 'Bulk', 'Outline', 'TwoTone']),
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
};
MusicCircle.defaultProps = {
variant: 'Linear',
color: 'currentColor',
size: '24'
};
MusicCircle.displayName = 'MusicCircle';
export { MusicCircle as default };