import * as React from 'react';

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

    type SiKandoProps = 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 = '#EACFCF';

    const SiKando: IconType = React.forwardRef<SVGSVGElement, SiKandoProps>(function SiKando({title = 'Kando', 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='M22.953 6.435c-1.45 1.529-5.679 2.311-6.702 1.291-1.022-1.019-.298-5.006 1.154-6.535a3.826 3.826 0 0 1 5.402-.146 3.807 3.807 0 0 1 .146 5.39m-5.27 12.74c-1.906-.904-3.96-4.674-3.303-5.96.656-1.287 4.68-1.83 6.585-.926a3.824 3.813 0 0 1-3.282 6.886m-10.799.451c.274-2.088 3.234-5.2 4.663-4.975s3.188 3.878 2.914 5.965a3.822 3.811 0 1 1-7.578-.99M3.117 9.532c2.075-.388 5.959 1.454 6.187 2.878S6.6 16.638 4.526 17.027a3.82 3.82 0 0 1-4.46-3.044 3.813 3.813 0 0 1 3.051-4.45m8.466-6.707c1.01 1.849.453 6.103-.835 6.759S5.883 8.324 4.873 6.474A3.824 3.813 0 0 1 6.4 1.302a3.82 3.81 0 0 1 5.183 1.524' />
        </svg>
      );
    });

    export { SiKando as default, defaultColor };