import * as React from 'react';

import { IconWrapper } from '../IconWrapper';
import { Icon } from '../index';

/**
 * @name Directions
 * @description Directions Icon
 */
const Directions: React.FC<Icon> = ({ fill, ...rest }) => (
  <IconWrapper {...rest}>
    <path
      d="M42.5 22.5H27.5V15H42.5C43.8261 15 45.0979 14.4732 46.0355 13.5355C46.9732 12.5979 47.5 11.3261 47.5 10V5C47.5 3.67392 46.9732 2.40215 46.0355 1.46447C45.0979 0.526784 43.8261 0 42.5 0H7.5L0 7.5L7.5 15H22.5V22.5H7.5C6.17392 22.5 4.90215 23.0268 3.96447 23.9645C3.02678 24.9021 2.5 26.1739 2.5 27.5V32.5C2.5 33.8261 3.02678 35.0979 3.96447 36.0355C4.90215 36.9732 6.17392 37.5 7.5 37.5H22.5V50H27.5V37.5H42.5L50 30L42.5 22.5Z"
      fill={fill}
    />
  </IconWrapper>
);

export { Directions as default, Directions };