import React from 'react';

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

export const TruckIcon = ({
  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
      d="M6.5031 3C5.45117 3 4.40835 3.03958 3.37607 3.11734C2.58992 3.17656 2 3.83452 2 4.60628V10.5H11.0062V4.60628C11.0062 3.83452 10.4163 3.17656 9.63014 3.11734C8.59785 3.03958 7.55503 3 6.5031 3Z"
      fill="currentColor"
    />
    <path
      d="M2 12V14.5C2 15.3284 2.67204 16 3.50103 16H3.54254C3.78074 14.5811 5.01558 13.5 6.5031 13.5C7.99062 13.5 9.22546 14.5811 9.46366 16H10.2557C10.6702 16 11.0062 15.6642 11.0062 15.25V12H2Z"
      fill="currentColor"
    />
    <path
      d="M6.5031 18C7.3321 18 8.00413 17.3284 8.00413 16.5C8.00413 15.6716 7.3321 15 6.5031 15C5.6741 15 5.00207 15.6716 5.00207 16.5C5.00207 17.3284 5.6741 18 6.5031 18Z"
      fill="currentColor"
    />
    <path
      d="M13.2578 5C12.8433 5 12.5072 5.33579 12.5072 5.75V14.2639C13.0384 13.7889 13.7397 13.5 14.5086 13.5C15.8909 13.5 17.0551 14.4336 17.4039 15.7043C17.7747 15.4289 18.0147 14.9852 17.9993 14.4772C17.9077 11.4639 17.2822 8.58345 16.2137 5.92808C15.9839 5.35688 15.4299 5 14.8317 5H13.2578Z"
      fill="currentColor"
    />
    <path
      d="M14.5086 18C15.3376 18 16.0096 17.3284 16.0096 16.5C16.0096 15.6716 15.3376 15 14.5086 15C13.6796 15 13.0076 15.6716 13.0076 16.5C13.0076 17.3284 13.6796 18 14.5086 18Z"
      fill="currentColor"
    />
  </svg>
);
