Tutorial

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <g>
        <path fill="#8ed8f8" d="M23 18h40v37H23z" />
        <path fill="#5ce0bf" d="M57 13h6v5h-6z" />
        <path fill="#43c7b5" d="M45 13h12v5H45z" />
        <path fill="#32c5f4" d="M49 49V18H23v33h24a2 2 0 0 0 2-2z" />
        <path fill="#f6fafd" d="M1 10h44v38H1z" />
        <path fill="#ffe474" d="M41 14v22H5V14zM20 30l6-5-6-5z" />
        <path fill="#ffca6b" d="M5 36h36V14S16 17 5 36z" />
        <circle cx="12" cy="42" r="2" fill="#ffe474" />
        <path fill="#ff6f79" d="m26 25-6 5V20z" />
        <path fill="#5ce0bf" d="M39 5h6v5h-6z" />
        <path fill="#43c7b5" d="M7 5h32v5H7z" />
        <path fill="#5ce0bf" d="M1 5h6v5H1z" />
        <path fill="#e95465" d="M26 25h-6v5z" />
        <path fill="#f3b55e" d="M12 40v4a2 2 0 0 0 0-4z" />
        <path
            fill="#f6fafd"
            d="M33 33h5v-5h-2v3h-3zM36 24h2v2h-2zM13 33H8v-5h2v3h3zM8 24h2v2H8z"
        />
        <g fill="#35354f">
            <path
                d="M63 12H46V5a1 1 0 0 0-1-1H1a1 1 0 0 0-1 1v43a1 1 0 0 0 1 1h21v6a1 1 0 0 0 1 1h40a1 1 0 0 0 1-1V13a1 1 0 0 0-1-1zm-1 5h-4v-3h4zm-6-3v3H46v-3zM44 9h-4V6h4zm-6 0H8V6h30zM6 6v3H2V6zm-4 5h42v36H2zm22 43v-5h21a1 1 0 0 0 1-1V19h16v35z"
            />
            <path
                d="M41 13H5a1 1 0 0 0-1 1v22a1 1 0 0 0 1 1h36a1 1 0 0 0 1-1V14a1 1 0 0 0-1-1zm-1 22H6V15h34z"
            />
            <path
                d="M19.576 30.906a1 1 0 0 0 1.064-.138l6-5a1 1 0 0 0 0-1.536l-6-5A1 1 0 0 0 19 20v10a1 1 0 0 0 .576.906zM21 22.135 24.438 25 21 27.865zM12 39a3 3 0 0 0-2.816 2H4v2h5.184a2.982 2.982 0 0 0 5.632 0H42v-2H14.816A3 3 0 0 0 12 39zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1zM54 42h6v2h-6zM52 46h8v2h-8zM52 50h8v2h-8zM58 38h2v2h-2zM54 38h2v2h-2zM52 21h8v2h-8zM48 25h12v2H48zM48 29h12v2H48zM48 21h2v2h-2z"
            />
        </g>
    </g>
</svg>