import React from 'react';

import type { IconProps } from './iconProps';

export const TaxiIcon = ({
  width = 20,
  height = 20,
  viewBox = '0 0 20 20',
  role = 'image',
  ref,
  ...rest
}: IconProps) => (
  <svg
    ref={ref}
    xmlns="http://www.w3.org/2000/svg"
    fill="none"
    width={width}
    height={height}
    viewBox={viewBox}
    role={role}
    {...rest}
  >
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M8 1.5C7.44772 1.5 7 1.94772 7 2.5V3.5L7.00011 3.51492C6.05904 3.61328 5.22597 4.19157 4.80933 5.05607L3.14516 8.50908L1.98777 8.51475C1.44146 8.51743 1 8.96105 1 9.50737C1 10.0556 1.44442 10.5 1.99263 10.5H2.01338L2.00492 14.2951C2.00319 15.0672 2.39935 15.7471 3 16.141V17.0055C3 17.8309 3.66911 18.5 4.49449 18.5C5.32417 18.5 5.99504 17.8242 5.98894 16.9945L5.98531 16.5H14V17.0055C14 17.8309 14.6691 18.5 15.4945 18.5C16.3242 18.5 16.995 17.8242 16.9889 16.9945L16.9827 16.149C17.5876 15.7581 17.9884 15.0785 17.9901 14.3049L17.9986 10.5H18.0024C18.5534 10.5 19 10.0534 19 9.50245C19 8.94961 18.5504 8.5022 17.9976 8.50491L16.8604 8.51048L15.2261 5.07001C14.8077 4.18936 13.9581 3.60208 12.9999 3.51207L13 3.5V2.5C13 1.94772 12.5523 1.5 12 1.5H8ZM15.1948 8.5H4.81466L6.16059 5.7073C6.36899 5.27488 6.80661 5 7.28663 5H12.7421C13.2246 5 13.6641 5.27776 13.8712 5.71364L15.1948 8.5ZM7 11.75C7 12.4404 6.44036 13 5.75 13C5.05964 13 4.5 12.4404 4.5 11.75C4.5 11.0596 5.05964 10.5 5.75 10.5C6.44036 10.5 7 11.0596 7 11.75ZM14.25 13C14.9404 13 15.5 12.4404 15.5 11.75C15.5 11.0596 14.9404 10.5 14.25 10.5C13.5596 10.5 13 11.0596 13 11.75C13 12.4404 13.5596 13 14.25 13Z"
      fill="currentColor"
    />
  </svg>
);
