@pathwright/pathicons
Version:
Pathwright icons, synced from Figma to React components
50 lines (47 loc) • 4.41 kB
JavaScript
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
import React, { useId } 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 CheckCircleInsetDashedIcon = /*#__PURE__*/React.forwardRef(function CheckCircleInsetDashedIcon(props, ref) {
var color = props.color,
size = props.size,
otherProps = _objectWithoutProperties(props, _excluded);
var clipPathId = useId();
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("g", {
clipPath: "url(#".concat(clipPathId, ")"),
children: /*#__PURE__*/jsx("path", {
d: "M12 3.96655C7.56151 3.96655 3.96653 7.56153 3.96653 12 3.96653 16.4385 7.56151 20.0335 12 20.0335 16.4385 20.0335 20.0335 16.4385 20.0335 12 20.0335 7.56153 16.4385 3.96655 12 3.96655ZM16.7197 10.7147 10.9155 16.3582 8.27448 13.7172C7.88285 13.3255 7.88285 12.6929 8.27448 12.3013 8.66611 11.9096 9.29874 11.9096 9.69038 12.3013L10.9255 13.5364 15.3038 9.27869C15.7054 8.8971 16.3381 8.8971 16.7197 9.29877 17.1113 9.70044 17.1013 10.3331 16.6996 10.7147H16.7197ZM6.86862 22.8854C8.14393 23.4879 9.52971 23.8695 10.9958 24V21.9916C9.89121 21.8812 8.84686 21.59 7.88285 21.1481L6.87866 22.8854H6.86862ZM2.00837 13.0042H0C.120502 14.4703.512134 15.8561 1.11464 17.1314L2.85188 16.1272C2.41004 15.1632 2.11883 14.1088 2.00837 13.0143V13.0042ZM10.9958 2.00837V0C9.52971.120502 8.14393.512134 6.86862 1.11464L7.8728 2.85188C8.83682 2.41004 9.89121 2.11883 10.9858 2.00837H10.9958ZM13.0042 21.9916V24C14.4703 23.8795 15.8561 23.4879 17.1314 22.8854L16.1272 21.1481C15.1632 21.59 14.1088 21.8812 13.0142 21.9916H13.0042ZM17.1213 1.11464C15.846.512134 14.4603.130544 12.9941 0V2.00837C14.0987 2.11883 15.1431 2.41004 16.1071 2.85188L17.1113 1.11464H17.1213ZM2.85188 7.88285 1.11464 6.87866C.512134 8.15398.130544 9.53975 0 11.0059H2.00837C2.11883 9.90126 2.41004 8.85691 2.85188 7.89289V7.88285ZM21.1481 16.1172 22.8854 17.1213C23.4879 15.846 23.8695 14.4602 24 12.9941H21.9916C21.8812 14.0987 21.59 15.1431 21.1481 16.1071V16.1172ZM3.85607 17.8544 2.10879 18.8686C2.93222 20.0435 3.95649 21.0678 5.13138 21.8912L6.14561 20.1439C5.27197 19.5113 4.49874 18.7381 3.86611 17.8644L3.85607 17.8544ZM17.8544 20.1339 18.8686 21.8812C20.0435 21.0577 21.0678 20.0335 21.8912 18.8586L20.1439 17.8444C19.5113 18.718 18.7381 19.4912 17.8644 20.1239L17.8544 20.1339ZM6.14561 3.85605 5.13138 2.10876C3.95649 2.9322 2.93222 3.95646 2.10879 5.13136L3.85607 6.14558C4.4887 5.27194 5.26192 4.49872 6.13557 3.86609L6.14561 3.85605ZM20.1339 6.14558 21.8812 5.13136C21.0577 3.95646 20.0335 2.9322 18.8586 2.10876L17.8444 3.85605C18.718 4.48868 19.4912 5.2619 20.1239 6.13554L20.1339 6.14558ZM21.9916 10.9958H24C23.8795 9.52968 23.4879 8.14391 22.8854 6.86859L21.1481 7.87278C21.59 8.83679 21.8812 9.89118 21.9916 10.9857V10.9958Z"
})
}), /*#__PURE__*/jsx("defs", {
children: /*#__PURE__*/jsx("clipPath", {
id: clipPathId,
children: /*#__PURE__*/jsx("path", {
fill: "white",
d: "M0 0H24V24H0z"
})
})
})]
}));
});
CheckCircleInsetDashedIcon.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
};
CheckCircleInsetDashedIcon.defaultProps = {
color: 'currentColor',
size: '24'
};
export { CheckCircleInsetDashedIcon as default };
//# sourceMappingURL=check-circle-inset-dashed.js.map