export const FluentCRMLogo = ({
    color = "#3161F1",
    width = "20",
    height = "20",
}) => {
    return (
        <span className="anticon">
            <svg
                width={width}
                height={height}
                viewBox="0 0 24 24"
                fill="none"
                xmlns="http://www.w3.org/2000/svg"
            >
                <path
                    fillRule="evenodd"
                    clipRule="evenodd"
                    d="M24 2.4C24 1.07544 22.9246 0 21.6 0H2.4C1.07544 0 0 1.07544 0 2.4V21.6C0 22.9246 1.07544 24 2.4 24H21.6C22.9246 24 24 22.9246 24 21.6V2.4Z"
                    fill="#7742E6"
                />
                <path
                    fillRule="evenodd"
                    clipRule="evenodd"
                    d="M20.0766 5.68994C20.0766 5.68994 9.72399 8.46386 5.59479 9.57034C4.60919 9.83442 3.92383 10.7275 3.92383 11.7479C3.92383 12.5236 3.92383 13.2671 3.92383 13.2671C3.92383 13.2671 12.2401 11.0387 16.9383 9.77986C18.7894 9.28386 20.0766 7.60634 20.0766 5.68994Z"
                    fill="white"
                />
                <path
                    fillRule="evenodd"
                    clipRule="evenodd"
                    d="M13.877 12.394C13.877 12.394 8.42967 13.8537 5.59479 14.6133C4.60919 14.8774 3.92383 15.7705 3.92383 16.7909C3.92383 17.5666 3.92383 18.31 3.92383 18.31C3.92383 18.31 7.82151 17.2657 10.7386 16.484C12.5898 15.988 13.877 14.3105 13.877 12.3941V12.394Z"
                    fill="white"
                />
            </svg>
        </span>
    );
};