import React from 'react';

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

export const FuelPumpIcon = ({
  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="M2.0044 3.2C2.0044 1.98497 2.98937 1 4.2044 1H9.8044C11.0194 1 12.0044 1.98497 12.0044 3.2V9.99738C12.0083 9.99732 12.0122 9.99729 12.0161 9.99729L13.2627 9.9973C14.7835 9.99731 16.0155 11.2316 16.0127 12.7524L16.0076 15.5C16.0069 15.9139 16.3423 16.25 16.7563 16.25C17.1697 16.25 17.5049 15.9148 17.5049 15.5013V9.49889L16.5881 8.57942C16.2143 8.20452 16.0044 7.6967 16.0044 7.16729V5.31009L13.9808 3.28643C13.6879 2.99353 13.6879 2.51866 13.9808 2.22577C14.2737 1.93288 14.7486 1.93288 15.0415 2.22578L18.1994 5.38385C18.7151 5.89957 19.0049 6.59903 19.0049 7.32836V15.5013C19.0049 16.7432 17.9981 17.75 16.7563 17.75C15.5128 17.75 14.5053 16.7407 14.5076 15.4972L14.5127 12.7496C14.514 12.0584 13.954 11.4973 13.2627 11.4973L12.0161 11.4973C12.0122 11.4973 12.0083 11.4973 12.0044 11.4972V17.498H12.2588C12.673 17.498 13.0088 17.8338 13.0088 18.248C13.0088 18.6623 12.673 18.998 12.2588 18.998H1.75C1.33579 18.998 1 18.6623 1 18.248C1 17.8338 1.33579 17.498 1.75 17.498H2.0044V3.2ZM4.5044 7C4.22825 7 4.0044 6.77614 4.0044 6.5V3.5C4.0044 3.22386 4.22825 3 4.5044 3H9.5044C9.78054 3 10.0044 3.22386 10.0044 3.5V6.5C10.0044 6.77614 9.78054 7 9.5044 7H4.5044Z"
      fill="currentColor"
    />
  </svg>
);
