import * as React from 'react';

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

    type SiApacheavroProps = 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 = '#30638E';

    const SiApacheavro: IconType = React.forwardRef<SVGSVGElement, SiApacheavroProps>(function SiApacheavro({title = 'Apache Avro', 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='M11.704 3.324s-.464.428.024.982c.363.412.904.16.904.16s.5-.274.12-.85c-.492-.75-1.048-.292-1.048-.292ZM23.927 22 5.456 13.966S-.58 10.32.046 8.88c.608-1.393 5.988 1.415 6.557 1.544.569.13.886-.221.896-.466.017-.354-.799-1.366-.376-1.798.422-.431 1.8.408 1.8.408l1.12.757L23.926 22ZM24 21.924 11.81 8.74S9.615 6.306 9.706 5.61c.091-.698 3.007 1.527 3.007 1.527s.324.305.632.252c.307-.05-.022-.55-.022-.55s-.504-1.142-.167-1.347c.338-.203 1.191.657 1.191.657s.213.215.437.157c.224-.06.104-.539.104-.539s-1.542-3.471-.87-3.73c1.026-.396 2.487 2.476 2.977 3.37C17.118 5.654 24 21.924 24 21.924ZM4.978 5.611s-.626.404.07 1.181c.639.716 1.208.345 1.208.345s.59-.352.024-1.017c-.748-.877-1.302-.51-1.302-.51ZM21.288 21.215l-13.87-3.867-.885-2.551 14.755 6.418Z' />
        </svg>
      );
    });

    export { SiApacheavro as default, defaultColor };