@pathwright/pathicons
Version:
Pathwright icons, synced from Figma to React components
52 lines (49 loc) • 2.67 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 ZoomOutIcon = /*#__PURE__*/React.forwardRef(function ZoomOutIcon(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__*/jsxs("g", {
clipPath: "url(#".concat(clipPathId, ")"),
children: [/*#__PURE__*/jsx("path", {
d: "M12 8H6C5.45 8 5 8.45 5 9C5 9.55 5.45 10 6 10H12C12.55 10 13 9.55 13 9C13 8.45 12.55 8 12 8Z"
}), /*#__PURE__*/jsx("path", {
d: "M23.41 20.59L17.41 14.59C17.13 14.31 16.79 14.14 16.44 14.06C17.42 12.61 18 10.87 18 9C18 4.04 13.96 0 9 0C4.04 0 0 4.04 0 9C0 13.96 4.04 18 9 18C10.87 18 12.61 17.42 14.05 16.44C14.13 16.8 14.3 17.14 14.58 17.41L20.58 23.41C20.98 23.8 21.49 24 22 24C22.51 24 23.02 23.8 23.41 23.41C24.2 22.63 24.2 21.37 23.41 20.59ZM9 16C5.14 16 2 12.86 2 9C2 5.14 5.14 2 9 2C12.86 2 16 5.14 16 9C16 12.86 12.86 16 9 16Z"
})]
}), /*#__PURE__*/jsx("defs", {
children: /*#__PURE__*/jsx("clipPath", {
id: clipPathId,
children: /*#__PURE__*/jsx("path", {
fill: "white",
d: "M0 0H24V24H0z"
})
})
})]
}));
});
ZoomOutIcon.propTypes = {
color: PropTypes.string,
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
};
ZoomOutIcon.defaultProps = {
color: 'currentColor',
size: '24'
};
export { ZoomOutIcon as default };
//# sourceMappingURL=zoom-out.js.map