Css Logo

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <defs>
        <style>
            .cls-2 {
                fill: #29b6f6;
            }
            .cls-3 {
                fill: #b3e5fc;
            }
            .cls-5 {
                fill: #0288d1;
            }
        </style>
    </defs>
    <path d="M4 16.5h56v30a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3v-30Z" fill="#eee" />
    <path d="M7 7.5h50a3 3 0 0 1 3 3v6H4v-6a3 3 0 0 1 3-3Z" class="cls-2" />
    <circle cx="9.5" cy="12" r="2.5" class="cls-3" />
    <circle cx="16.5" cy="12" r="2.5" class="cls-3" />
    <circle cx="23.5" cy="12" r="2.5" class="cls-3" />
    <path d="M60 16.5v30a3 3 0 0 1-3 3H32v-33Z" fill="#e0e0e0" />
    <path d="M60 10.5v6H32v-9h25a3 3 0 0 1 3 3Z" class="cls-5" />
    <path
        d="M57 50.5H7a4 4 0 0 1-4-4v-.286a1 1 0 0 1 2 0v.286a2 2 0 0 0 2 2h50a.976.976 0 0 1 .144.011.96.96 0 0 1 .141-.032A2.007 2.007 0 0 0 59 46.5v-29H39.286a1 1 0 0 1 0-2H61v31a4.019 4.019 0 0 1-3.432 3.96.972.972 0 0 1-.285 0 1.019 1.019 0 0 1-.283.04ZM4 42.214a1 1 0 0 1-1-1V15.5h31.286a1 1 0 0 1 0 2H5v23.714a1 1 0 0 1-1 1Z"
    />
    <path
        d="M61 17.5H3v-7a4 4 0 0 1 4-4h50a4 4 0 0 1 4 4Zm-56-2h54v-5a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2Z"
    />
    <path
        d="m44.01 41.6 1.958 14.053a.978.978 0 0 0 1.824.34l2.448-4.409a.979.979 0 0 1 .872-.5l5.042.085a.978.978 0 0 0 .618-1.75L45.58 40.7a.978.978 0 0 0-1.57.9Z"
        fill="#ffb300"
    />
    <path
        d="M46.952 57.5a2.116 2.116 0 0 1-.377-.035 1.95 1.95 0 0 1-1.6-1.672L43.02 41.74a1.978 1.978 0 0 1 3.18-1.833l11.187 8.723a1.978 1.978 0 0 1-1.249 3.538l-5.038-.085-2.428 4.4a1.948 1.948 0 0 1-1.72 1.017Zm-1.944-15.982 1.95 14 2.408-4.418a2.04 2.04 0 0 1 1.762-1.019l5.043.085Z"
    />
    <circle cx="32" cy="33" r="12" class="cls-2" />
    <path d="M44 33a12 12 0 0 1-12 12V21a12 12 0 0 1 12 12Z" class="cls-5" />
    <path
        d="M32 46a13 13 0 1 1 13-13 13.015 13.015 0 0 1-13 13Zm0-24a11 11 0 1 0 11 11 11.013 11.013 0 0 0-11-11Z"
    />
    <path
        d="M20 32h24v2H20zM21.714 25.571h20.571v2H21.714zM22.143 38.429h19.714v2H22.143z"
    />
    <path d="M31 21h2v24h-2z" />
    <path
        d="M32 46c-4.166 0-7.429-5.71-7.429-13S27.834 20 32 20s7.429 5.71 7.429 13S36.166 46 32 46Zm0-24c-2.943 0-5.429 5.037-5.429 11S29.057 44 32 44s5.429-5.037 5.429-11S34.943 22 32 22Z"
    />
</svg>