import * as React from 'react';

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

    type SiElavonProps = 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 = '#0C2074';

    const SiElavon: IconType = React.forwardRef<SVGSVGElement, SiElavonProps>(function SiElavon({title = 'Elavon', 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.028 12.248c-.38.9-.752 1.867-1.123 2.908a62.992 62.992 0 00-1.016 3.13h.355a48.858 48.858 0 011.76-4.79c.222-.513.446-.992.669-1.463-.215.066-.43.132-.645.215zm7.32-5.717c-.389-1.148-.959-1.735-1.694-1.735h-.008c-1.347 0-3.024 1.983-4.693 5.403.29-.107.579-.206.86-.306 1.164-1.957 2.271-3.114 3.073-3.114h.074c.446.041.777.47.967 1.28.495 2.082-.05 6.163-1.264 10.467.933.058 1.751.29 2.437.678.933-5.362 1.098-10.17.248-12.673zM18.1 10.422c0-.429.85.132-.033-1.47-4.378.371-10.525 3.18-16.217 7.765-.644.52-1.263 1.041-1.85 1.57h.363c.108-.083.207-.174.314-.265 5.99-4.816 12.533-7.616 16.977-7.616.149 0 .297.008.446.016zm2.255-1.397c.072.629.11 1.26.116 1.893a4.01 4.01 0 011.33.893c.81.826 1.174 1.956 1.092 3.369-.058.958-.324 2.008-.77 3.115h.24c.967-1.76 1.536-3.412 1.627-4.85.075-1.355-.28-2.436-1.049-3.22-.627-.645-1.52-1.026-2.586-1.2Z' />
        </svg>
      );
    });

    export { SiElavon as default, defaultColor };