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

export const IconSamlColor24 = 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 fill="#c22e33">
                    <path d="m11.649 3 .66.6q.739.664 1.466 1.336c3.14 2.916 5.797 6.198 7.797 9.974.102.193.195.391.288.59q.069.147.14.296l-.154.084-.116-.169q-.15-.217-.3-.437l-.21-.312c-1.456-2.162-2.914-4.328-4.917-6.059a9.4 9.4 0 0 0-1.99-1.322c-1.449-.708-2.738-.425-3.844.74-1.05 1.105-1.596 2.479-2.09 3.876q-.095.27-.198.537l-.117.314-.246-.08c.142-.508.274-1.02.406-1.533.3-1.162.6-2.324 1.017-3.444.444-1.192 1.003-2.343 1.561-3.494q.365-.746.716-1.497z" />
                    <path d="M12.64 17.356c-2.322 1.124-7.943 2.285-10.609 1.987-.435-2.347 3.84-13.348 5.94-15.015l-.135.32a7 7 0 0 1-.197.442l-.095.188c-1.084 2.137-2.17 4.277-2.725 6.621-.191.806-.32 1.644-.326 2.468-.014 1.96 1.176 3.292 3.167 3.375.959.04 1.924-.063 2.89-.166.42-.045.84-.09 1.258-.123.153-.012.304-.031.502-.057l.33-.042z" />
                    <path d="M6.036 21.68c-.635.05-1.27.099-1.904.158H4.13c5.853.57 11.472-.406 17.015-2.404-1.807-3.258-4.241-5.832-7.073-8.07a.9.9 0 0 0 .201.35q.036.043.069.088c.242.33.497.654.752.978.584.744 1.17 1.488 1.609 2.307 1.112 2.075.509 3.87-1.669 4.818-1.432.624-2.995 1.05-4.544 1.302-1.47.24-2.962.356-4.454.473" />
                </g>
            </svg>
        );
    }
);
