import { forwardRef, useMemo } from 'react';
import { IconProps } from './types';

export const IconJwtColor24 = forwardRef<SVGSVGElement, IconProps>(
    ({ color = 'currentColor', title, ...props }, svgRef) => {
        const titleId = useMemo(
            () =>
                title
                    ? 'title-' + Math.random().toString(36).substr(2, 9)
                    : undefined,
            [title]
        );
        return (
            <svg
                xmlns="http://www.w3.org/2000/svg"
                width={24}
                height={24}
                fill="none"
                viewBox="0 0 24 24"
                aria-hidden={!title}
                ref={svgRef}
                aria-labelledby={titleId}
                {...props}
            >
                {title ? <title id={titleId}>{title}</title> : null}
                <g fillRule="evenodd" clipRule="evenodd">
                    <path
                        fill="#fff"
                        d="M13.54 7.265V1.75h-3.08v5.515L12 9.376zM10.46 16.736v5.514h3.08v-5.515L12 14.624z"
                    />
                    <path
                        fill="#00f2e6"
                        d="m13.54 16.736 3.246 4.468 2.506-1.824-3.266-4.448-2.485-.82zM10.46 7.265l-3.246-4.47L4.708 4.62l3.266 4.449 2.485.82z"
                    />
                    <path
                        fill="#00b9f1"
                        d="M7.974 9.069 2.715 7.367l-.965 2.932L7.009 12l2.506-.8zM14.485 12.8l1.541 2.131 5.259 1.702.965-2.931L16.991 12z"
                    />
                    <path
                        fill="#d63aff"
                        d="m16.991 12 5.259-1.701-.965-2.932-5.259 1.701-1.54 2.133zM7.009 12 1.75 13.701l.965 2.932 5.259-1.701 1.54-2.133z"
                    />
                    <path
                        fill="#fb015b"
                        d="M7.974 14.932 4.708 19.38l2.506 1.825 3.245-4.47v-2.623zM16.026 9.068l3.266-4.448-2.506-1.824-3.246 4.469v2.624z"
                    />
                </g>
            </svg>
        );
    }
);
