import * as React from 'react';
import Icon, { IconProps } from 'a-base-icon/lib/icon';

function LineUpOutlined(componentProps: IconProps) {
  const IconNode = (props: React.SVGProps<SVGSVGElement>) => (
    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M7.759 2h8.482c.805 0 1.47 0 2.01.044.563.046 1.08.145 1.565.392a4 4 0 011.748 1.748c.247.485.346 1.002.392 1.564C22 6.29 22 6.954 22 7.758v8.483c0 .805 0 1.47-.044 2.01-.046.563-.145 1.08-.392 1.565a4 4 0 01-1.748 1.748c-.485.247-1.002.346-1.564.392-.541.044-1.206.044-2.01.044H7.758c-.805 0-1.47 0-2.01-.044-.563-.046-1.08-.145-1.565-.392a4 4 0 01-1.748-1.748c-.247-.485-.346-1.002-.392-1.564a16.67 16.67 0 01-.043-1.303L2 16.24V7.76c0-.805 0-1.47.044-2.01.046-.563.145-1.08.392-1.565a4 4 0 011.748-1.748c.485-.247 1.002-.346 1.564-.392C6.29 2 6.954 2 7.758 2zM4.007 17.407c.005.261.014.484.03.682.036.438.101.663.181.819a2 2 0 00.874.874c.156.08.38.145.819.18C6.361 20 6.943 20 7.8 20h8.4c.857 0 1.439 0 1.889-.038.438-.035.663-.1.819-.18a2 2 0 00.874-.874c.08-.156.145-.38.18-.819.037-.45.038-1.032.038-1.889V7.8c0-.857 0-1.439-.038-1.889-.035-.438-.1-.663-.18-.819a2 2 0 00-.874-.874c-.156-.08-.38-.145-.819-.18C17.639 4 17.057 4 16.2 4H7.8c-.857 0-1.439 0-1.889.038-.438.035-.663.1-.819.18a2 2 0 00-.874.874c-.08.156-.145.38-.18.819C4 6.361 4 6.943 4 7.8v6.786l2.727-2.727.017-.017c.084-.084.184-.185.28-.266.111-.094.28-.22.512-.296a1.5 1.5 0 01.928 0c.232.076.4.202.512.296.096.081.196.182.28.266l.017.017L11 13.586 14.586 10H12V8h5a1 1 0 011 1v5h-2v-2.586l-3.727 3.727-.017.017c-.084.084-.184.185-.28.266-.111.094-.28.22-.513.296a1.5 1.5 0 01-.926 0 1.508 1.508 0 01-.513-.296 4.913 4.913 0 01-.28-.266l-.017-.017L8 13.414l-3.993 3.993z"
        fill="currentColor"
      />
    </svg>
  );

  return <Icon {...componentProps} component={IconNode} />;
}

LineUpOutlined.displayName = 'LineUpOutlined';
export default LineUpOutlined;
