import * as React from 'react';

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

    type SiHumhubProps = 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 = '#1B8291';

    const SiHumhub: IconType = React.forwardRef<SVGSVGElement, SiHumhubProps>(function SiHumhub({title = 'HumHub', 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='M23.709 7.7807c.1014-1.6778-.888-3.2298-2.4515-3.8452L11.9448.2695c-1.5655-.616-3.3488-.152-4.418 1.1463l-6.36 7.731C.0988 10.4444-.01 12.2912.8934 13.7087l5.387 8.4632c.9035 1.4175 2.6273 2.1289 4.2557 1.7076l9.6853-2.5096c1.627-.4213 2.7889-1.88 2.8903-3.5591l.0879-2.1924s.1657-1.3038-1.3694-1.3255c-1.1307-.0149-.9867.9616-1.9753 1.5676-.7933.4862-3.3583.7263-4.0237-1.93 0 0-.7784-2.3331.704-4.4944 1.481-2.1613 3.1675-1.0124 3.8255-.0967 1.3099 1.8238 3.252.9866 3.2386-.3828z' />
        </svg>
      );
    });

    export { SiHumhub as default, defaultColor };