@pathwright/pathicons
Version:
Pathwright icons, synced from Figma to React components
51 lines (48 loc) • 3.69 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 BoxDashedIcon = /*#__PURE__*/React.forwardRef(function BoxDashedIcon(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: "M2 13.81V10C2 9.45 1.55 9 1 9 .45 9 0 9.45 0 10V13.81C0 14.36.45 14.81 1 14.81 1.55 14.81 2 14.36 2 13.81ZM4.47 21.69C3.51 21.29 2.73 20.51 2.32 19.56 2.1 19.05 1.51 18.81 1.01 19.03.499996 19.25.269996 19.83.479996 20.34 1.09 21.77 2.26 22.93 3.69 23.53 3.82 23.58 3.95 23.61 4.08 23.61 4.47 23.61 4.84 23.38 5 23 5.21 22.49 4.97 21.9 4.46 21.69H4.47ZM14 22H9.94C9.39 22 8.94 22.45 8.94 23 8.94 23.55 9.39 24 9.94 24H14C14.55 24 15 23.55 15 23 15 22.45 14.55 22 14 22ZM22.99 19.03C22.49 18.81 21.89 19.05 21.68 19.56 21.27 20.52 20.49 21.29 19.53 21.69 19.02 21.9 18.78 22.49 18.99 23 19.15 23.38 19.52 23.61 19.91 23.61 20.04 23.61 20.17 23.59 20.3 23.53 21.73 22.93 22.91 21.76 23.52 20.33 23.74 19.82 23.5 19.23 22.99 19.02V19.03ZM23 9C22.45 9 22 9.45 22 10V14C22 14.55 22.45 15 23 15 23.55 15 24 14.55 24 14V10C24 9.45 23.55 9 23 9ZM19.53 2.31001C20.49 2.71001 21.27 3.49001 21.68 4.44001 21.84 4.82001 22.21 5.05001 22.6 5.05001 22.73 5.05001 22.87 5.02001 22.99 4.97001 23.5 4.75001 23.73 4.16001 23.52 3.66001 22.91 2.23001 21.74 1.07001 20.31.470006 19.8.260006 19.21.500006 19 1.01001 18.79 1.52001 19.03 2.11001 19.54 2.32001L19.53 2.31001ZM14 0H10C9.45 0 9 .45 9 1 9 1.55 9.45 2 10 2H14C14.55 2 15 1.55 15 1 15 .45 14.55 0 14 0ZM1.01 4.97003C1.14 5.02003 1.27 5.05003 1.4 5.05003 1.79 5.05003 2.16 4.82003 2.32 4.44003 2.73 3.49003 3.51 2.71003 4.47 2.31003 4.98 2.10003 5.22 1.51003 5 1.00003 4.79.490031 4.2.250031 3.69.470031 2.26 1.06003 1.09 2.23003.480002 3.65003.260002 4.16003.500002 4.75003 1.01 4.96003V4.97003Z",
fill: "#010101"
})
}), /*#__PURE__*/jsx("defs", {
children: /*#__PURE__*/jsx("clipPath", {
id: clipPathId,
children: /*#__PURE__*/jsx("path", {
fill: "white",
d: "M0 0H24V24H0z"
})
})
})]
}));
});
BoxDashedIcon.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
};
BoxDashedIcon.defaultProps = {
color: 'currentColor',
size: '24'
};
export { BoxDashedIcon as default };
//# sourceMappingURL=box-dashed.js.map