import * as React from 'react';

    import { IconType } from '../types';

    type SiFuelerProps = React.ComponentPropsWithoutRef<'svg'> & {
      /**
       * The title provides an accessible short text description to the SVG
       */
      title?: string;
      /**
       * Hex color or color name or "default" to use the default hex for each icon
       */
      color?: string;
      /**
       * The size of the Icon.
       */
      size?: string | number;
    }

    const defaultColor = '#09C9E3';

    const SiFueler: IconType = React.forwardRef<SVGSVGElement, SiFuelerProps>(function SiFueler({title = 'Fueler', color = 'currentColor', size = 24, ...others }, ref) {
      if (color === 'default') {
        color = defaultColor;
      }

      return (
        <svg
          xmlns='http://www.w3.org/2000/svg'
          width={size}
          height={size}
          fill={color}
          viewBox='0 0 24 24'
          ref={ref}
          {...others}
        >
          <title>{title}</title>
          <path d='M12 0c1.204 0 2.086 1.932 3.172 2.283 1.126.364 2.978-.67 3.915.009.946.685.527 2.762 1.216 3.704.682.933 2.8 1.175 3.165 2.295.353 1.081-1.207 2.51-1.207 3.709 0 1.198 1.56 2.628 1.207 3.709-.365 1.12-2.483 1.362-3.165 2.295-.69.942-.27 3.02-1.217 3.704-.937.68-2.789-.355-3.914.01C14.086 22.067 13.204 24 12 24c-1.204 0-2.086-1.932-3.172-2.283-1.126-.364-2.978.67-3.915-.009-.946-.685-.527-2.762-1.216-3.704-.682-.933-2.8-1.175-3.165-2.295-.353-1.081 1.207-2.51 1.207-3.709 0-1.198-1.56-2.628-1.207-3.709.365-1.12 2.483-1.362 3.166-2.295.688-.942.27-3.02 1.216-3.704.937-.68 2.789.355 3.914-.01C9.914 1.933 10.796 0 12 0Zm-.199 6.34-3.247 6.169c-.158.3.065.653.388.654h1.707c.234 0 .44.193.44.445v3.706c0 .459.603.618.825.218l3.39-6.11c.16-.289-.043-.662-.384-.663l-1.85-.002c-.243 0-.44-.2-.44-.445V6.549c0-.464-.613-.619-.829-.21Z' />
        </svg>
      );
    });

    export { SiFueler as default, defaultColor };