import React from 'react';

// -- TYPES

interface IExpandIconProps extends React.SVGAttributes<SVGElement> {}

// -- MAIN

function ExpandIcon(props: IExpandIconProps) {
  return (
    <svg width="100%" viewBox="0 0 24 24" {...props}>
      <path
        fill="currentColor"
        fillRule="evenodd"
        d="M3.503 4.304v3.832c0 .543.43.983.96.983s.96-.44.96-.983V6.448l3.938 4.03a.948.948 0 0 0 1.359 0 .997.997 0 0 0 0-1.39L6.99 5.273h1.232c.531 0 .96-.44.96-.982a.971.971 0 0 0-.96-.983H4.475l-.012-.002a.948.948 0 0 0-.68.289.99.99 0 0 0-.283.696c0 .005.003.009.003.014zm13.71 14.423h-1.435c-.531 0-.961.44-.961.982 0 .544.43.984.96.984h3.748l.012.002a.949.949 0 0 0 .68-.29.99.99 0 0 0 .283-.696c0-.003-.003-.007-.003-.012v-3.834a.972.972 0 0 0-.96-.983c-.53 0-.96.441-.96.983v1.48l-4.14-4.236a.944.944 0 0 0-1.359 0 .999.999 0 0 0 0 1.389l4.135 4.231z"
      />
    </svg>
  );
}

export default ExpandIcon;
