Tutorial

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512pt"
    height="512pt"
    viewBox="-48 0 511 512"
>
    <path
        fill="#e4e8ed"
        d="M8 474.5c0 16.57 13.43 30 30 30h280c16.57 0 30-13.43 30-30v-70H8zM348 37.5c0-16.57-13.43-30-30-30H38c-16.57 0-30 13.43-30 30V71h340zm0 0"
    />
    <path fill="#c7efbc" d="M8 71h340v333.5H8zm0 0" />
    <path
        fill="#e08ea2"
        d="M248 337.75H108c-16.57 0-30-13.43-30-30v-140c0-16.57 13.43-30 30-30h140c16.57 0 30 13.43 30 30v140c0 16.57-13.43 30-30 30zm0 0"
    />
    <path
        fill="#fff"
        d="M224.742 250.367 167.48 287.18c-9.984 6.418-23.109-.75-23.109-12.618v-73.62c0-11.868 13.129-19.036 23.11-12.622l57.261 36.813c9.184 5.902 9.184 19.332 0 25.234zm0 0"
    />
    <path
        fill="#e4e8ed"
        d="M392.5 422.133c-8.285 0-15-6.719-15-15v-276l9.18-36.719c1.515-6.059 10.125-6.059 11.64 0l9.18 36.719v276c0 8.281-6.715 15-15 15zm0 0"
    />
    <path fill="#8edf78" d="M8 374.5h340v30H8zm0 0" />
    <path
        fill="#d15573"
        d="M248 307.75H108c-16.57 0-30-13.43-30-30v30c0 16.57 13.43 30 30 30h140c16.57 0 30-13.43 30-30v-30c0 16.57-13.43 30-30 30zm0 0"
    />
    <path
        fill="#c8d1da"
        d="M392.5 392.133c-8.285 0-15-6.719-15-15v30c0 8.281 6.715 15 15 15s15-6.719 15-15v-30c0 8.281-6.715 15-15 15zM318 474.5H38c-16.57 0-30-13.43-30-30v30c0 16.57 13.43 30 30 30h280c16.57 0 30-13.43 30-30v-30c0 16.57-13.43 30-30 30zm0 0"
    />
    <path
        fill="#c8d1da"
        d="M198 454.332c0 11.047-8.953 20-20 20s-20-8.953-20-20c0-11.043 8.953-20 20-20s20 8.957 20 20zm0 0"
    />
    <path
        d="M318 0H71.715v15H318c12.406 0 22.5 10.094 22.5 22.5v26H31v15h309.5V397H31v15h309.5v32.07h15V37.5C355.5 16.82 338.68 0 318 0zm0 0"
    />
    <path
        d="M340.5 474.5c0 12.406-10.094 22.5-22.5 22.5H38c-12.406 0-22.5-10.094-22.5-22.5v-437C15.5 25.094 25.594 15 38 15h18.715V0H38C17.32 0 .5 16.82.5 37.5v437C.5 495.18 17.32 512 38 512h280c20.68 0 37.5-16.82 37.5-37.5v-15.43h-15zm0 0"
    />
    <path
        d="M205.5 454.332c0-15.16-12.336-27.5-27.5-27.5s-27.5 12.34-27.5 27.5c0 15.164 12.336 27.5 27.5 27.5s27.5-12.336 27.5-27.5zm-40 0c0-6.89 5.605-12.5 12.5-12.5s12.5 5.61 12.5 12.5c0 6.895-5.605 12.5-12.5 12.5s-12.5-5.605-12.5-12.5zM108 145.25h15.715v-15H108c-20.68 0-37.5 16.82-37.5 37.5v140c0 20.68 16.82 37.5 37.5 37.5h140c20.68 0 37.5-16.82 37.5-37.5v-11.43h-15v11.43c0 12.406-10.094 22.5-22.5 22.5H108c-12.406 0-22.5-10.094-22.5-22.5v-140c0-12.406 10.094-22.5 22.5-22.5zm0 0"
    />
    <path
        d="M285.5 281.32V167.75c0-20.68-16.82-37.5-37.5-37.5H138.715v15H248c12.406 0 22.5 10.094 22.5 22.5v113.57zm0 0"
    />
    <path
        d="M136.871 274.563c0 8.359 4.379 15.742 11.719 19.746 3.426 1.87 7.12 2.8 10.805 2.8 4.203 0 8.394-1.21 12.14-3.62l57.262-36.813c6.473-4.16 10.336-11.235 10.336-18.926s-3.863-14.766-10.336-18.926l-57.262-36.812c-7.031-4.52-15.61-4.828-22.945-.82-7.34 4.003-11.719 11.386-11.719 19.745zm15-73.625c0-4.016 2.73-5.942 3.906-6.583.676-.37 2-.949 3.649-.949 1.203 0 2.574.309 4 1.223l57.258 36.812c2.191 1.407 3.445 3.707 3.445 6.309 0 2.605-1.254 4.902-3.445 6.313l-57.258 36.808c-3.38 2.172-6.477.918-7.653.274-1.171-.641-3.906-2.567-3.906-6.583v-73.625zM400 407.133c0 4.133-3.363 7.5-7.5 7.5s-7.5-3.367-7.5-7.5v-236.43h-15v236.43c0 12.402 10.094 22.5 22.5 22.5s22.5-10.098 22.5-22.5v-37.235h-15zm0 0"
    />
    <path
        d="M405.598 92.598c-1.532-6.118-6.793-10.23-13.098-10.23s-11.566 4.109-13.098 10.226L370 130.207v25.496h15v-23.648l7.5-30 7.5 30v222.843h15V130.211zM243 31.75h15v15h-15zM98 31.75h130v15H98zm0 0"
    />
    <g fill="#fff">
        <path
            d="M45.5 107.5h15v15h-15zM295.5 107.5h15v15h-15zM45.5 351.5h15v15h-15zM295.5 351.5h15v15h-15zm0 0"
        />
    </g>
</svg>