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

export const IconConfluentColor16 = 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="#173361">
                    <path d="M11.623 8.46c-.179.009-.358.017-.537.033l-1.074.033c-.293.032-.619.032-.912.032.223.075.427.168.641.265l.206.093.976.456c.326.13.651.293.977.456l-.098.26a12.472 12.472 0 01-1.009-.358l-1.01-.39c-.146-.05-.284-.106-.423-.163-.138-.057-.276-.114-.423-.163.196.195.423.423.619.651l.749.782c.15.192.313.37.473.544.083.09.165.18.243.27l-.195.195c-.193-.15-.372-.314-.545-.473-.09-.083-.18-.165-.27-.244l-.78-.748c-.229-.196-.424-.391-.652-.619.049.147.106.285.163.423.057.139.114.277.163.424l.325 1.074c.13.326.26.651.358 1.01l-.26.097c-.081-.163-.155-.326-.228-.488-.073-.163-.147-.326-.228-.489l-.456-.976c-.065-.147-.122-.285-.179-.424a16.203 16.203 0 00-.179-.423c-.032.293-.032.619-.032.912l-.033 1.074c-.016.18-.024.358-.033.537-.008.18-.016.358-.032.538h-.26c-.017-.18-.025-.359-.033-.538-.008-.179-.016-.358-.033-.537l-.032-1.074c-.033-.619-.033-1.27-.033-1.889-.618 0-1.237 0-1.888-.032l-1.075-.033c-.179-.016-.358-.024-.537-.032-.179-.009-.358-.017-.537-.033V8.2c.18-.016.358-.024.537-.033.18-.008.358-.016.537-.032l1.075-.033h.879a6.141 6.141 0 00-.407-.179c-.138-.057-.277-.114-.407-.179l-.977-.456a13.126 13.126 0 00-.488-.228 13.143 13.143 0 01-.489-.227l.13-.293c.326.097.684.227 1.01.358l1.01.39c.183.062.366.135.542.206.104.042.206.083.304.12-.098-.114-.204-.22-.31-.326-.105-.105-.211-.211-.309-.325l-.749-.782a8.83 8.83 0 00-.473-.544c-.083-.091-.165-.18-.243-.27L4.9 5.14c.193.15.371.313.545.473.09.083.18.165.269.243l.781.749c.114.097.22.203.326.309.106.106.212.212.326.31a6.516 6.516 0 00-.163-.424 6.516 6.516 0 01-.163-.423l-.39-1.01c-.08-.196-.146-.392-.215-.595-.045-.134-.092-.271-.144-.414l.26-.098c.082.163.155.326.228.489.074.163.147.325.228.488l.456.977c.065.13.122.269.18.407.056.138.113.277.178.407v-.88l.033-1.074c.016-.179.024-.358.032-.537.009-.179.017-.358.033-.537h.293c.016.18.024.358.033.537.008.18.016.358.032.537l.033 1.075c.032.618.032 1.27.032 1.888.619 0 1.27 0 1.889.033l1.074.032c.18.017.358.025.537.033.18.008.358.016.538.032v.26c-.18.017-.359.025-.538.033z" />
                    <path
                        fillRule="evenodd"
                        d="M1 8c0 3.874 3.126 7 7 7s7-3.126 7-7-3.126-7-7-7a6.99 6.99 0 00-7 7zm.651 0c0-3.484 2.865-6.349 6.349-6.349S14.349 4.516 14.349 8 11.484 14.349 8 14.349 1.651 11.484 1.651 8z"
                        clipRule="evenodd"
                    />
                </g>
            </svg>
        );
    }
);
