@pathwright/pathicons
Version:
Pathwright icons, synced from Figma to React components
40 lines (37 loc) • 2.39 kB
JavaScript
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
import React from 'react';
import PropTypes from 'prop-types';
import { jsxs, jsx } from 'react/jsx-runtime';
var _excluded = ["color", "size"];
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
var CloudNotificationIcon = /*#__PURE__*/React.forwardRef(function CloudNotificationIcon(props, ref) {
var color = props.color,
size = props.size,
otherProps = _objectWithoutProperties(props, _excluded);
return /*#__PURE__*/jsxs("svg", _objectSpread(_objectSpread({
ref: ref,
xmlns: "http://www.w3.org/2000/svg",
width: size,
height: size,
viewBox: "0 0 24 24",
fill: color
}, otherProps), {}, {
children: [/*#__PURE__*/jsx("path", {
d: "M20 11C22.2091 11 24 9.20914 24 7C24 4.79086 22.2091 3 20 3C17.7909 3 16 4.79086 16 7C16 9.20914 17.7909 11 20 11Z"
}), /*#__PURE__*/jsx("path", {
d: "M20.84 12.93C21.55 13.57 22 14.48 22 15.5C22 17.43 20.43 19 18.5 19H5.5C3.57 19 2 17.43 2 15.5C2 13.73 3.34 12.24 5.11 12.04L6 11.89V11C6 7.69 8.69 5 12 5C12.78 5 13.53 5.16 14.21 5.44C14.39 4.78 14.67 4.16 15.05 3.61C14.11 3.22 13.08 3 12 3C7.87 3 4.46 6.15 4.04 10.22C1.69 10.86 0 13 0 15.5C0 18.53 2.47 21 5.5 21H18.5C21.53 21 24 18.53 24 15.5C24 14.28 23.6 13.16 22.91 12.24C22.28 12.59 21.58 12.83 20.84 12.93Z"
})]
}));
});
CloudNotificationIcon.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
};
CloudNotificationIcon.defaultProps = {
color: 'currentColor',
size: '24'
};
export { CloudNotificationIcon as default };
//# sourceMappingURL=cloud-notification.js.map