Tutorial

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <path
        fill="#aab2bd"
        d="M40 2H6C3.79 2 2 3.79 2 6v52c0 2.21 1.79 4 4 4h34c2.21 0 4-1.79 4-4V6c0-2.21-1.79-4-4-4z"
    />
    <path
        fill="#69d6f4"
        d="M39 10H7c-.55 0-1 .45-1 1v46c0 .55.45 1 1 1h32c.55 0 1-.45 1-1V11c0-.55-.45-1-1-1z"
    />
    <path
        fill="#e6e9ed"
        d="M30 51v2c0 .55-.45 1-1 1H17c-.55 0-1-.45-1-1v-2c0-.55.45-1 1-1h12c.55 0 1 .45 1 1zM35.35 38c-.87-1.82-1.35-3.86-1.35-6 0-2.09.46-4.08 1.29-5.87a13.95 13.95 0 0 1 4.74-5.63c1.24-.87 2.63-1.54 4.12-1.96 1.22-.35 2.51-.54 3.85-.54 7.73 0 14 6.27 14 14s-6.27 14-14 14a13.995 13.995 0 0 1-7.82-2.39A14.03 14.03 0 0 1 35.35 38z"
    />
    <path fill="#ff826e" d="m56 32-12 7V25z" />
    <path
        fill="#fcd770"
        d="M35.35 38H23.71c-.24 0-.48-.03-.71-.09V32h11c0 2.14.48 4.18 1.35 6z"
    />
    <path
        fill="#ff826e"
        d="m35 26 .29.13A13.92 13.92 0 0 0 34 32H23v-5.91c.23-.06.47-.09.71-.09z"
    />
    <path
        fill="#aab2bd"
        d="M23 32v5.91c-.22-.05-.43-.13-.63-.23L17 35.47v-6.94l5.37-2.21c.2-.1.41-.18.63-.23z"
    />
    <path fill="#b4dd7f" d="M10 14h8v8h-8z" />
    <path
        fill="#ccd1d9"
        d="M17 28.53v6.94l-5.08-2.09c-.55-.23-.92-.77-.92-1.38s.37-1.15.92-1.38z"
    />
    <path
        d="M48 17c-1.027 0-2.03.105-3 .302V6c0-2.757-2.243-5-5-5H6C3.243 1 1 3.243 1 6v52c0 2.757 2.243 5 5 5h34c2.757 0 5-2.243 5-5V46.698c.97.197 1.973.302 3 .302 8.271 0 15-6.729 15-15s-6.729-15-15-15zm-5 41c0 1.654-1.346 3-3 3H6c-1.654 0-3-1.346-3-3V6c0-1.654 1.346-3 3-3h34c1.654 0 3 1.346 3 3v11.875c-.69.245-1.361.529-2 .868V11c0-1.103-.897-2-2-2H7c-1.103 0-2 .897-2 2v46c0 1.103.897 2 2 2h32c1.103 0 2-.897 2-2V45.256c.639.339 1.31.623 2 .868zM12.306 32.456A.49.49 0 0 1 12 32c0-.201.12-.38.306-.456L16 30.021v3.958zM18 29.196l4-1.649v8.904l-4-1.648zM24 33h9.051c.093 1.395.375 2.735.824 4H24zm9.051-2H24v-4h9.875a14.86 14.86 0 0 0-.824 4zm1.693-6H23.708a3.92 3.92 0 0 0-1.723.392l-10.441 4.302C10.606 30.081 10 30.986 10 32s.606 1.919 1.544 2.306l10.375 4.272a4.028 4.028 0 0 0 1.789.422h11.036a15.09 15.09 0 0 0 4.294 5H39v1H7V11h32v9.028A15.094 15.094 0 0 0 34.744 25zM7 47h32v10H7zm41-2c-7.168 0-13-5.832-13-13s5.832-13 13-13 13 5.832 13 13-5.832 13-13 13z"
    />
    <path
        d="M43 23.259v17.482L57.984 32zm2 3.482L54.016 32 45 37.259zM29 49H17c-1.103 0-2 .897-2 2v2c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2v-2c0-1.103-.897-2-2-2zm0 4-12 .001V51h12zM9 23h10V13H9zm2-8h6v6h-6zM23 13h10v2H23zM23 17h10v2H23zM23 21h10v2H23zM21 5h4v2h-4zM11 51h2v2h-2zM33 51h2v2h-2z"
    />
</svg>