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

export const IconWaypointSquareColor16 = 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="#14c6cb">
                    <path d="m13 4.875-1.249 2.164-1.248-2.164zM5.5 6.32h.834l2.916 5.055 2.084-3.61-1.668-2.89H8l1.666 2.89-.416.721-2.083-3.611H3l3.75 6.5.833-1.444z" />
                    <path
                        fillRule="evenodd"
                        d="M.145.728C0 1.013 0 1.387 0 2.133v11.734c0 .746 0 1.12.145 1.405.128.25.332.455.583.583.285.145.659.145 1.405.145h11.734c.746 0 1.12 0 1.405-.145.25-.128.455-.332.583-.583.145-.285.145-.659.145-1.405V2.133c0-.746 0-1.12-.145-1.405a1.33 1.33 0 0 0-.583-.583C14.987 0 14.613 0 13.867 0H2.133c-.746 0-1.12 0-1.405.145C.478.273.273.477.145.728M13.867.667H2.133c-.384 0-.632 0-.821.016-.181.014-.248.04-.281.056a.67.67 0 0 0-.292.292c-.016.033-.042.1-.056.28-.016.19-.016.438-.016.822v11.734c0 .384 0 .632.016.821.014.181.04.248.056.281a.67.67 0 0 0 .292.292c.033.017.1.042.28.056.19.016.438.016.822.016h11.734c.384 0 .632 0 .821-.016.181-.014.248-.04.281-.056a.67.67 0 0 0 .292-.292c.017-.033.042-.1.056-.28.016-.19.016-.438.016-.822V2.133c0-.384 0-.632-.016-.821-.014-.181-.04-.248-.056-.281a.67.67 0 0 0-.292-.292c-.033-.016-.1-.042-.28-.056a11 11 0 0 0-.822-.016"
                        clipRule="evenodd"
                    />
                </g>
            </svg>
        );
    }
);
