Web Development

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="a"
        x1="30"
        x2="34"
        y1="44.96"
        y2="44.96"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#d3e6f5" />
        <stop offset="1" stop-color="#f0f7fc" />
    </linearGradient>
    <path
        fill="#ccd3eb"
        d="M60 12v28H4V12a6 6 0 0 1 4-5.65A5.8 5.8 0 0 1 10 6h44a6 6 0 0 1 6 6z"
    />
    <path
        fill="#f5f7ff"
        d="M57 12v28H4V12a6 6 0 0 1 4-5.65A5.8 5.8 0 0 1 10 6h41a6 6 0 0 1 6 6z"
    />
    <path fill="#96a1c3" d="M60 40v4a6 6 0 0 1-6 6H10a6 6 0 0 1-6-6v-4z" />
    <path fill="#647499" d="M42.29 61.95H21.71l4.12-12h12.34z" />
    <path fill="url(#a)" d="M33 46h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z" />
    <path fill="#0074ff" d="M55 4v8H9V4a2 2 0 0 1 2-2h42a2 2 0 0 1 2 2z" />
    <path fill="#f0f7fc" d="M55 12v21a2 2 0 0 1-2 2H11a2 2 0 0 1-2-2V12z" />
    <path fill="#d7e9f7" d="M49 9a2 2 0 1 1 2-2 2 2 0 0 1-2 2z" />
    <path fill="#4795ea" d="M43 9a2 2 0 1 1 2-2 2 2 0 0 1-2 2z" />
    <path fill="#eb7f58" d="M37 9a2 2 0 1 1 2-2 2 2 0 0 1-2 2z" />
    <path fill="#4795ea" d="M31 8H14a1 1 0 0 1 0-2h17a1 1 0 0 1 0 2z" />
    <rect width="11" height="4" x="14" y="16" fill="#ccd3eb" rx="1" />
    <rect width="11" height="8" x="14" y="24" fill="#ccd3eb" rx="1" />
    <rect width="21" height="6" x="29" y="26" fill="#ccd3eb" rx="1" />
    <path
        fill="#b4cde1"
        d="M50 21H29a1 1 0 0 1 0-2h21a1 1 0 0 1 0 2zM41 17H29a1 1 0 0 1 0-2h12a1 1 0 0 1 0 2z"
    />
    <path
        fill="#033c59"
        d="M19 39h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2zM33 44h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2z"
    />
    <path
        fill="#033c59"
        d="M56 5.3V4a3 3 0 0 0-3-3H11a3 3 0 0 0-3 3v1.3A7 7 0 0 0 3 12v32a7 7 0 0 0 7 7h14.43L21 61h-1a1 1 0 0 0 0 2h24a1 1 0 0 0 0-2h-1l-3.43-10H54a7 7 0 0 0 7-7V12a7 7 0 0 0-5-6.7zM10 13h44v21a1 1 0 0 1-1 1H11a1 1 0 0 1-1-1zm0-9a1 1 0 0 1 1-1h42a1 1 0 0 1 1 1v7H10zm30.89 57H23.11l3.43-10h10.92zM54 49H10a5 5 0 0 1-5-5v-3h9a1 1 0 0 0 0-2H5V12a4.94 4.94 0 0 1 3-4.56V34a3 3 0 0 0 3 3h42a3 3 0 0 0 3-3V7.44A4.94 4.94 0 0 1 59 12v27H23a1 1 0 0 0 0 2h36v3a5 5 0 0 1-5 5z"
    />
    <g fill="#96a1c3">
        <path
            d="M14 21h11a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1H14a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1zm1-4h9v2h-9zM14 33h11a1 1 0 0 0 1-1v-8a1 1 0 0 0-1-1H14a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1zm1-8h9v6h-9zM29 33h21a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1H29a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1zm1-6h19v4H30zM29 21h21a1 1 0 0 0 0-2H29a1 1 0 0 0 0 2zM29 17h12a1 1 0 0 0 0-2H29a1 1 0 0 0 0 2z"
        />
    </g>
    <g fill="#f5f7ff">
        <circle cx="49" cy="7" r="2" />
        <circle cx="43" cy="7" r="2" />
        <circle cx="37" cy="7" r="2" />
        <path d="M31 6H14a1 1 0 0 0 0 2h17a1 1 0 0 0 0-2z" />
    </g>
</svg>