<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 650 150" fill="none">
    <!-- Define the corporate colors for easy editing -->
    <defs>
        <style>
            .dark-color {
                fill: #293c4e;
            }

            /* Deep Blue-Grey */
            .white-color {
                fill: #FFFFFF;
            }

            .logo-font {
                font-family: 'Arial', 'Helvetica', sans-serif;
                font-weight: 600;
                letter-spacing: 0.5px;
                text-transform: uppercase;
            }
        </style>
    </defs>

    <!-- 1. The main dark square block (150x150) -->
    <rect x="0" y="0" width="150" height="150" class="dark-color" />

    <!-- 2. The white geometric "C" symbol inside the block -->
    <!-- Coordinates are relative to the 150x150 square for accurate placement. -->
    <polygon points="20 20, 130 20, 130 75, 75 75, 75 130, 50 130, 20 100" class="white-color" />

    <!-- 3. The stacked text "CAMPUS BY MOROCCAN BUSINESS SCHOOL" -->
    <g class="dark-color logo-font" font-size="28">
        <!-- CAMPUS BY -->
        <text x="170" y="40">CAMPUS BY</text>

        <!-- MOROCCAN -->
        <text x="170" y="72">MOROCCAN</text>

        <!-- BUSINESS -->
        <text x="170" y="104">BUSINESS</text>

        <!-- SCHOOL -->
        <text x="170" y="136">SCHOOL</text>
    </g>
</svg>