import React from 'react';

import { forwardRef } from '../../utils/react';
import { Icon } from '../../icon';

export const TravelerIcon = forwardRef<typeof Icon>(
  function TravelerIcon(props, ref) {
    return (
      <Icon {...props} ref={ref}>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
          <path
            fill="currentColor"
            fillRule="evenodd"
            d="M2.82 4h14.36v6H2.82V4zm-.93 6.39a1 1 0 01-.07-.39V4a1 1 0 011-1h14.36a1 1 0 011 1v6a1 1 0 01-.07.39c.1.13.17.3.2.47l.68 5A1 1 0 0118 17H2a1 1 0 01-1-1.14l.7-5a1 1 0 01.2-.47zm.92.61H2.7L2 16h16l-.69-5H2.82zm3.82 3h6.74v1H6.63v-1zm-.96 1v-1H3.74v1h1.93zm8.66-1h1.93v1h-1.93v-1zm-7.7-1v-1H4.7v1h1.93zm.96-1h1.93v1H7.59v-1zm4.82 0h-1.93v1h1.93v-1zm.96 0h1.93v1h-1.93v-1zm-7.2-7a.5.5 0 00-.5.5v3c0 .28.22.5.5.5h7.66a.5.5 0 00.5-.5v-3a.5.5 0 00-.5-.5H6.17z"
            clipRule="evenodd"
          />
        </svg>
      </Icon>
    );
  },
);