text: // @flow
  import * as React from 'react';
  
  import AccessibleSVG from '../accessible-svg';
  
  type Props = {
      className?: string,
      height?: number,
      /** A text-only string describing the icon if it's not purely decorative for accessibility */
      title?: string | React.Element<any>,
      width?: number,
  };
  
  const IconMetadataView = ({ className = '', height = 16, title, width = 16 }: Props) => (
      <AccessibleSVG
          className={`metadata-view ${className}`}
          height={height}
          title={title}
          viewBox="0 0 16 16"
          width={width}
      >
          <g fill="none" fillRule="evenodd">
              <path
                  d="M8.83 9a2.995 2.995 0 0 0 0-2H15a1 1 0 0 1 0 2H8.83zM3.17 9H1a1 1 0 0 1 0-2h2.17a2.995 2.995 0 0 0 0 2zm10.66-6a2.995 2.995 0 0 0 0-2H15a1 1 0 0 1 0 2h-1.17zM8.17 3H1a1 1 0 1 1 0-2h7.17a2.995 2.995 0 0 0 0 2zM9 2a2 2 0 1 1 4 0 2 2 0 0 1-4 0zM4 8a2 2 0 1 1 4 0 2 2 0 0 1-4 0z"
                  fill="#767676"
                  fillRule="nonzero"
              />
          </g>
      </AccessibleSVG>
  );
  
  export default IconMetadataView;
  