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

export const IconF5Color16 = 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}
                <path
                    fill="#e4002b"
                    d="M13.777 4.048c-.086.354-.13.722-.213 1.098a40 40 0 0 0-3.668-.285c-.112.351-.217.696-.337 1.071 2.318.143 3.444.754 4.112 1.473.65.728.788 1.533.75 2.28-.084 1.213-.619 1.98-1.353 2.549a4.7 4.7 0 0 1-2.361.898c-1.061.08-2.48-.173-2.782-.358-.182-.414-.36-.83-.553-1.285-.047-.096-.077-.196.056-.31.206-.199.405-.39.613-.593.093-.09.195-.174.273-.045.285.44.552.844.82 1.246.304.449.768.858 1.78.79.851-.076 1.498-.72 1.567-1.428.075-1.31-1.251-2.24-4.699-2.538.662-1.997 1.306-3.93 1.822-5.466a28 28 0 0 1 2.302.198c.535.068 1.033.193 1.532.25a7 7 0 0 0-11.076 8.555c.297.002.502-.064.525-.192.027-.133.004-.34-.02-.549a32 32 0 0 1-.136-4.343c-.355.015-.674.031-.98.05.013-.276.028-.536.05-.807.302-.029.621-.054.972-.084.015-.237.032-.466.053-.697.157-1.418 1.65-2.285 2.893-2.62.552-.134.89-.176 1.154-.19.096-.003.2-.007.302-.007.258 0 .52.024.685.137.268.2.533.4.815.623.028.038.059.098-.011.201l-.386.452c-.076.092-.201.067-.307.039a33 33 0 0 0-.652-.323c-.392-.174-.798-.354-1.25-.336-.281.023-.554.311-.582.706-.04.6-.066 1.215-.088 1.882a100 100 0 0 1 2.389-.04l-.001.552c-.27.12-.523.241-.792.364-.556.006-1.085.01-1.617.02a73 73 0 0 0 .07 4.627c.014.22.024.444.088.593.076.189.513.334 1.464.387l.014.483c-1.549-.046-3.036-.194-4.228-.408a7 7 0 0 0 10.991-8.62"
                />
                <path
                    fill="#fff"
                    d="M14.421 9.684c.038-.746-.1-1.55-.75-2.279-.668-.72-1.794-1.33-4.112-1.473.12-.375.225-.72.337-1.071 1.386.049 2.618.148 3.668.285.082-.376.127-.744.213-1.098a7 7 0 0 0-.339-.454c-.5-.058-.997-.183-1.532-.251a28 28 0 0 0-2.302-.198C9.09 4.68 8.444 6.614 7.782 8.61c3.448.298 4.774 1.228 4.7 2.539-.07.708-.716 1.352-1.567 1.428-1.013.068-1.476-.34-1.78-.79-.268-.402-.536-.806-.82-1.246-.078-.129-.18-.045-.273.045-.209.203-.407.395-.614.592-.132.116-.103.215-.056.312.193.454.372.87.554 1.284.302.185 1.72.438 2.781.358a4.7 4.7 0 0 0 2.362-.898c.734-.57 1.27-1.337 1.352-2.55"
                />
                <path
                    fill="#fff"
                    d="M2.362 12.148q.2.27.424.52c1.192.214 2.68.363 4.228.408L7 12.593c-.951-.053-1.388-.198-1.464-.387-.064-.15-.074-.372-.088-.593a73 73 0 0 1-.07-4.627c.532-.01 1.061-.014 1.617-.02.27-.123.523-.244.792-.364V6.05c-.823.004-1.604.018-2.388.04.022-.667.049-1.282.088-1.882.028-.395.3-.683.583-.706.451-.018.857.162 1.25.336.216.105.43.21.65.323.107.028.232.053.308-.04l.386-.45c.07-.104.04-.164.011-.202a40 40 0 0 0-.815-.623c-.166-.113-.427-.137-.685-.137q-.156.001-.302.007c-.264.014-.602.056-1.154.19-1.243.335-2.736 1.202-2.893 2.62-.02.231-.038.46-.053.697-.35.03-.67.055-.972.084-.022.271-.037.531-.05.806.306-.018.625-.034.98-.049a32 32 0 0 0 .137 4.343c.023.209.046.416.019.55-.023.127-.228.193-.525.191"
                />
            </svg>
        );
    }
);
