Tutorial

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <path
        fill="#474747"
        d="M56 37v19l-4.809 2.061A48.716 48.716 0 0 1 32 62a48.716 48.716 0 0 1-19.191-3.939L8 56V37"
    />
    <path
        fill="#78a0d4"
        d="m56 50-4.809 2.061A48.716 48.716 0 0 1 32 56a48.716 48.716 0 0 1-19.191-3.939L8 50v6l4.809 2.061A48.716 48.716 0 0 0 32 62a48.716 48.716 0 0 0 19.191-3.939L56 56z"
    />
    <path
        fill="#93bee5"
        d="M32 56a48.716 48.716 0 0 1-19.191-3.939L8 50v3l4.809 2.061a48.719 48.719 0 0 0 38.382 0L56 53v-3l-4.809 2.061A48.716 48.716 0 0 1 32 56z"
    />
    <path
        fill="#e2e7f6"
        d="M13 58.137c.662.28 1.328.548 2 .8V38h-2zM49 58.935c.672-.25 1.338-.518 2-.8V38h-2z"
    />
    <path fill="#939393" d="M62 35 32 24 2 35l30 11z" />
    <path fill="#b5b5b5" d="M2 35h60L32 24z" />
    <circle cx="43" cy="17" r="15" fill="#78a0d4" />
    <path
        fill="#93bee5"
        d="M54 16a15 15 0 0 0-9.418-13.915 14.995 14.995 0 0 0-7.164 28.83A14.988 14.988 0 0 0 54 16z"
    />
    <circle cx="43" cy="8" r="2" fill="#f2f2f2" />
    <rect width="4" height="14" x="41" y="14" fill="#f2f2f2" rx="2" />
    <path
        fill="#686868"
        d="M45 47h-2v-9a2 2 0 0 0-2-2h-9v-2h9a4 4 0 0 1 4 4z"
    />
    <circle cx="44" cy="48" r="2" fill="#78a0d4" />
    <path
        fill="#93bee5"
        d="M42 48a1.99 1.99 0 0 0 .18.82 1.992 1.992 0 0 0 2.64-2.64A1.992 1.992 0 0 0 42 48z"
    />
    <path
        d="M43 11a3 3 0 1 0-3-3 3 3 0 0 0 3 3zm0-4a1 1 0 1 1-1 1 1 1 0 0 1 1-1zM43 29a3 3 0 0 0 3-3V16a3 3 0 0 0-6 0v10a3 3 0 0 0 3 3zm-1-13a1 1 0 0 1 2 0v10a1 1 0 0 1-2 0z"
    />
    <path
        d="m62.344 34.061-10.389-3.809A16.021 16.021 0 1 0 28.7 24.143L1.656 34.061a1 1 0 0 0 0 1.878L7 37.9V56a1 1 0 0 0 .606.919l4.809 2.061a49.718 49.718 0 0 0 39.17 0l4.809-2.061A1 1 0 0 0 57 56V37.9l5.344-1.959a1 1 0 0 0 0-1.878zM43 3a14 14 0 1 1-14 14A14.015 14.015 0 0 1 43 3zM13 40.1v10.955l-4-1.714V38.632zM45 48a1 1 0 1 1-1-1 1 1 0 0 1 1 1zm-2-2.816a3 3 0 1 0 2 0V42.3l4-1.467V51.86a47.589 47.589 0 0 1-34 0V40.832l16.656 6.107a1 1 0 0 0 .688 0L43 43.032zM9 55.341v-3.825l3.415 1.464c.193.083.391.153.585.234v3.841zm6 2.519V54a49.651 49.651 0 0 0 34 0v3.86a47.589 47.589 0 0 1-34 0zm36-.8v-3.846c.194-.081.392-.151.585-.234L55 51.516v3.825zm4-7.714-4 1.714V40.1l4-1.467zm-10-9.178V38a4 4 0 0 0-4-4h-9v2h9a2 2 0 0 1 2 2v2.9l-11 4.035L4.905 35l24.809-9.1a15.937 15.937 0 0 0 19.933 5.633L59.1 35z"
    />
</svg>