text: function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
  
  import * as React from "react";
  import styled from "styled-components";
  import { space, color } from "styled-system";
  var Svg = styled("svg")({
    flex: "none"
  }, space, color);
  var SvgPageview = React.forwardRef(function (props, ref) {
    return React.createElement(Svg, _extends({}, props, {
      viewBox: "0 0 24 24",
      height: props.size,
      width: props.size,
      fill: "currentcolor",
      ref: ref
    }), React.createElement("path", {
      d: "M11.5 9a2.5 2.5 0 000 5 2.5 2.5 0 000-5zM20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-3.21 14.21l-2.91-2.91c-.69.44-1.51.7-2.39.7C9.01 16 7 13.99 7 11.5S9.01 7 11.5 7 16 9.01 16 11.5c0 .88-.26 1.69-.7 2.39l2.91 2.9-1.42 1.42z"
    }));
  });
  SvgPageview.displayName = "SvgPageview";
  SvgPageview.defaultProps = {
    size: 24,
    color: "inherit"
  };
  export default SvgPageview;