import * as React from 'react';

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

    type SiTokioProps = 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 = '#000000';

    const SiTokio: IconType = React.forwardRef<SVGSVGElement, SiTokioProps>(function SiTokio({title = 'Tokio', 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='m6.314 1.326-.691.403.201.345L9.65 8.641l.069.117a4 4 0 0 0-.992.988L6.379 8.391l-.338-.194-.4.692.338.195 2.355 1.36a4 4 0 0 0-.312 1.198H.4l-.4.001v.8h8.021a4 4 0 0 0 .313 1.2l-2.356 1.359-.337.195.4.692.338-.193 2.347-1.358a4 4 0 0 0 .834.873l-.086.148-3.826 6.567-.2.346.69.402.202-.344 3.826-6.568.074-.127a4 4 0 0 0 1.36.387v3.021h.8v-3.021a4 4 0 0 0 1.409-.413l.066.114 3.826 6.568.201.346.692-.405-.201-.345-3.827-6.567-.084-.142a4 4 0 0 0 .791-.84l2.348 1.357.338.194.4-.692-.337-.195-2.356-1.36a4 4 0 0 0 .313-1.198H24v-.801h-8.021a4 4 0 0 0-.313-1.2l2.356-1.359.337-.195-.4-.692-.338.194-2.348 1.355a4 4 0 0 0-1.015-1.004l.058-.101 3.827-6.567.2-.345-.69-.403-.202.344-3.826 6.568-.068.12a4 4 0 0 0-1.157-.294V5.043h-.8v3.021a4 4 0 0 0-1.182.305l-.076-.13L6.516 1.67ZM12 3.043a.6.6 0 0 0-.6.6.6.6 0 0 0 .6.6.6.6 0 0 0 .6-.6.6.6 0 0 0-.6-.6m-7.2 4.2a.6.6 0 0 0-.601.6.6.6 0 0 0 .602.6.6.6 0 0 0 .6-.6.6.6 0 0 0-.6-.6m14.398 0a.6.6 0 0 0-.6.6.6.6 0 0 0 .6.6.6.6 0 0 0 .602-.6.6.6 0 0 0-.602-.6M12 8.888a3.153 3.153 0 1 1 0 6.307 3.153 3.153 0 1 1 0-6.307m0 2.555a.6.6 0 0 0-.599.6.6.6 0 0 0 .6.599.6.6 0 0 0 .6-.6.6.6 0 0 0-.6-.6m-7.2 4.2a.6.6 0 0 0-.601.6.6.6 0 0 0 .602.601.6.6 0 0 0 .6-.602.6.6 0 0 0-.6-.6m14.398 0a.6.6 0 0 0-.6.6.6.6 0 0 0 .6.602.6.6 0 0 0 .602-.602.6.6 0 0 0-.602-.6M12 19.845a.6.6 0 0 0-.599.6.6.6 0 0 0 .6.6.6.6 0 0 0 .6-.6.6.6 0 0 0-.6-.6' />
        </svg>
      );
    });

    export { SiTokio as default, defaultColor };