Development

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="c"
        x1="32"
        x2="32"
        y1="59"
        y2="5"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#d4d8e1" />
        <stop offset="1" stop-color="#f3f4f5" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="32"
        x2="32"
        y1="13"
        y2="5"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#a0a6ba" />
        <stop offset="1" stop-color="#c6ccda" />
    </linearGradient>
    <linearGradient
        id="d"
        x1="49"
        x2="49"
        y1="59"
        y2="13"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#474f72" />
        <stop offset="1" stop-color="#878c9f" />
    </linearGradient>
    <linearGradient
        id="a"
        x1="17.5"
        x2="17.5"
        y1="27"
        y2="18"
        gradientTransform="rotate(180 17.5 22.5)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#7aa8d7" />
        <stop offset="1" stop-color="#c3d2e7" />
    </linearGradient>
    <linearGradient id="e" x1="26.5" x2="26.5" y1="37" y2="32" href="#a" />
    <linearGradient id="f" x1="17.5" x2="17.5" y1="37" y2="32" href="#a" />
    <linearGradient id="g" x1="8.5" x2="8.5" y1="37" y2="32" href="#a" />
    <linearGradient id="h" x1="6" x2="29" y1="52" y2="52" href="#b" />
    <path fill="url(#c)" d="M63 59V5H1v54z" />
    <path fill="#c7cdd8" d="M63 59v-2H1v2z" />
    <path fill="url(#b)" d="M1 5h62v8H1z" />
    <path fill="#cf4055" d="M7 9a1 1 0 0 1-2 0 1 1 0 0 1 2 0z" />
    <path fill="#f6b756" d="M12 9a1 1 0 0 1-2 0 1 1 0 0 1 2 0z" />
    <path fill="#7ece67" d="M17 9a1 1 0 0 1-2 0 1 1 0 0 1 2 0z" />
    <path fill="url(#d)" d="M35 13h28v46H35z" />
    <path fill="#f6b756" d="M33 63V1a1 1 0 0 1 2 0v62a1 1 0 0 1-2 0z" />
    <path fill="url(#a)" d="M6 18h23v9H6z" transform="rotate(180 17.5 22.5)" />
    <path fill="#5b8dc9" d="M29 27H6v-2h23z" />
    <circle cx="26.5" cy="34.5" r="2.5" fill="url(#e)" />
    <circle cx="17.5" cy="34.5" r="2.5" fill="url(#f)" />
    <circle cx="8.5" cy="34.5" r="2.5" fill="url(#g)" />
    <g fill="#9ca0ad">
        <path
            d="M29 42h-5a1 1 0 0 1 0-2h5a1 1 0 0 1 0 2zM29 46h-5a1 1 0 0 1 0-2h5a1 1 0 0 1 0 2zM20 42h-5a1 1 0 0 1 0-2h5a1 1 0 0 1 0 2zM20 46h-5a1 1 0 0 1 0-2h5a1 1 0 0 1 0 2zM11 42H6a1 1 0 0 1 0-2h5a1 1 0 0 1 0 2zM11 46H6a1 1 0 0 1 0-2h5a1 1 0 0 1 0 2z"
        />
    </g>
    <path fill="url(#h)" d="M6 50h23v4H6z" />
    <g fill="#ffd39f">
        <path
            d="M42 27c-.56 0-.3.12-4.71-4.29a1 1 0 0 1 0-1.42l4-4a1 1 0 0 1 1.42 1.42L39.41 22l3.3 3.29A1 1 0 0 1 42 27zM55 27a1 1 0 0 1-.71-1.71l3.3-3.29-3.3-3.29a1 1 0 0 1 1.42-1.42l4 4a1 1 0 0 1 0 1.42C55.34 27.08 55.56 27 55 27zM46 27a1 1 0 0 1-.85-1.53l5-8a1 1 0 0 1 1.7 1.06C46.54 27 46.77 27 46 27z"
        />
    </g>
    <path fill="#d7f1ff" d="M59 33H38a1 1 0 0 1 0-2h21a1 1 0 0 1 0 2z" />
    <path
        fill="#fff"
        d="M52 38H38a1 1 0 0 1 0-2h14a1 1 0 0 1 0 2zM56 43H38a1 1 0 0 1 0-2h18a1 1 0 0 1 0 2z"
    />
    <path fill="#d7f1ff" d="M59 48H38a1 1 0 0 1 0-2h21a1 1 0 0 1 0 2z" />
    <path fill="#fff" d="M54 53H38a1 1 0 0 1 0-2h16a1 1 0 0 1 0 2z" />
</svg>