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

export const IconSamlColor16 = 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={16}
                height={16}
                fill="none"
                viewBox="0 0 16 16"
                aria-hidden={!title}
                ref={svgRef}
                aria-labelledby={titleId}
                {...props}
            >
                {title ? <title id={titleId}>{title}</title> : null}
                <g fill="#c22e33">
                    <path d="m7.754 2 .463.41q.516.454 1.026.915C11.44 5.32 13.3 7.565 14.7 10.149q.106.2.202.403l.098.203-.108.057-.081-.115-.21-.299-.147-.214c-1.019-1.479-2.04-2.96-3.442-4.145a6.6 6.6 0 0 0-1.393-.904c-1.014-.485-1.916-.291-2.69.505-.736.757-1.118 1.697-1.463 2.653q-.068.184-.139.367l-.082.215-.172-.055q.148-.522.284-1.049c.21-.795.42-1.59.712-2.356.31-.816.702-1.603 1.093-2.39q.255-.511.5-1.025z" />
                    <path d="M8.448 11.822c-1.626.77-5.56 1.564-7.426 1.36C.717 11.576 3.71 4.05 5.18 2.91l-.095.218a5 5 0 0 1-.138.303l-.066.129c-.76 1.462-1.519 2.926-1.908 4.53a7.5 7.5 0 0 0-.228 1.689c-.01 1.34.824 2.252 2.217 2.309.67.027 1.347-.043 2.023-.114.294-.03.587-.061.88-.084.108-.008.214-.021.352-.039z" />
                    <path d="M3.825 14.781q-.668.05-1.333.108c4.097.39 8.03-.277 11.91-1.644-1.265-2.23-2.97-3.991-4.952-5.522.026.098.084.169.141.239l.048.06q.257.338.527.67c.409.509.818 1.018 1.126 1.578.778 1.42.356 2.648-1.168 3.296-1.002.427-2.097.718-3.18.892-1.03.164-2.075.243-3.119.323" />
                </g>
            </svg>
        );
    }
);
