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

export const IconAwsEc2Color16 = 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="#9d5025"
                    d="M1.702 2.98 1 3.312v9.376l.702.332 2.842-4.777z"
                />
                <path
                    fill="#f58536"
                    d="m3.339 12.657-1.637.363V2.98l1.637.353z"
                />
                <path
                    fill="#9d5025"
                    d="m2.476 2.612.863-.406 4.096 6.216-4.096 5.372-.863-.406z"
                />
                <path
                    fill="#f58536"
                    d="m5.38 13.248-2.041.546V2.206l2.04.548z"
                />
                <path
                    fill="#9d5025"
                    d="m4.3 1.75 1.08-.512 6.043 7.864-6.043 5.66-1.08-.511z"
                />
                <path
                    fill="#f58536"
                    d="m7.998 13.856-2.618.906V1.238l2.618.908z"
                />
                <path
                    fill="#9d5025"
                    d="M6.602.66 7.998 0l6.538 8.453L7.998 16l-1.396-.66z"
                />
                <path fill="#f58536" d="M15 12.686 7.998 16V0L15 3.314z" />
            </svg>
        );
    }
);
