UNPKG

@pathwright/pathicons

Version:

Pathwright icons, synced from Figma to React components

52 lines (49 loc) 2.67 kB
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