Tutorial

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <rect width="34" height="60" x="2" y="2" fill="#939393" rx="4" />
    <path
        fill="#f2f2f2"
        d="M32 8v48a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h7l2 2h4l2-2h7a2 2 0 0 1 2 2z"
    />
    <path
        fill="#d23f34"
        d="M20 20v10l-6 4 6 4v12a2 2 0 0 0 2 2h38a2 2 0 0 0 2-2V20z"
    />
    <path fill="#a72b25" d="M62 20v-2a2 2 0 0 0-2-2H22a2 2 0 0 0-2 2v2z" />
    <path fill="#ccc" d="M20 42H10V18.001h10v12L14 34l6 4.001z" />
    <path fill="#f6b940" d="M28 16h-6a2 2 0 0 0-2 2H10v-6h18z" />
    <circle cx="41" cy="32.001" r="9" fill="#f2f2f2" />
    <path fill="#a72b25" d="M37 27.001v10l10-5z" />
    <path fill="#e2e7f6" d="M47.766 48H26a2 2 0 0 1-2-2 2 2 0 0 1 2-2h21.767" />
    <path fill="#b5b5b5" d="M50.233 44H56a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-5.766" />
    <circle cx="49" cy="46.001" r="3" fill="#ccc" />
    <path
        fill="#a72b25"
        d="M25 27a2 2 0 1 1 2-2 2 2 0 0 1-2 2zM57 27a2 2 0 1 1 2-2 2 2 0 0 1-2 2z"
    />
    <path
        d="M60 15H37V6a5.006 5.006 0 0 0-5-5H6a5.006 5.006 0 0 0-5 5v52a5.006 5.006 0 0 0 5 5h26a5.006 5.006 0 0 0 5-5v-5h23a3 3 0 0 0 3-3V18a3 3 0 0 0-3-3zm1 3v1H21v-1a1 1 0 0 1 1-1h38a1 1 0 0 1 1 1zM13.445 34.832 19 38.536V41h-8V19h8v10.466l-5.555 3.7a1 1 0 0 0 0 1.664zM31 15h-2v-3a1 1 0 0 0-1-1H10a1 1 0 0 0-1 1v30a1 1 0 0 0 1 1h9v7a3 3 0 0 0 3 3h9v3a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h6.586l1.707 1.707A1 1 0 0 0 17 9h4a1 1 0 0 0 .707-.293L23.414 7H30a1 1 0 0 1 1 1zm-11.816 2H11v-4h16v2h-5a3 3 0 0 0-2.816 2zM35 58a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h26a3 3 0 0 1 3 3v9h-2V8a3 3 0 0 0-3-3h-7a1 1 0 0 0-.707.293L20.586 7h-3.172l-1.707-1.707A1 1 0 0 0 15 5H8a3 3 0 0 0-3 3v48a3 3 0 0 0 3 3h22a3 3 0 0 0 3-3v-3h2zm25-7H22a1 1 0 0 1-1-1V38a1 1 0 0 0-.445-.832L15.8 34l4.752-3.167A1 1 0 0 0 21 30v-9h40v29a1 1 0 0 1-1 1z"
    />
    <path
        d="M41 42a10 10 0 1 0-10-10 10.011 10.011 0 0 0 10 10zm0-18a8 8 0 1 1-8 8 8.009 8.009 0 0 1 8-8z"
    />
    <path
        d="M36.474 37.852a1 1 0 0 0 .973.044l10-5a1 1 0 0 0 0-1.79l-10-5A1 1 0 0 0 36 27v10a1 1 0 0 0 .474.852zM38 28.619 44.764 32 38 35.383zM56 43h-4.382a3.927 3.927 0 0 0-5.236 0H26a3 3 0 0 0 0 6h20.382a3.927 3.927 0 0 0 5.236 0H56a3 3 0 0 0 0-6zm-31 3a1 1 0 0 1 1-1h19.142a3.592 3.592 0 0 0 0 2H26a1 1 0 0 1-1-1zm24 2a2 2 0 1 1 2-2 2 2 0 0 1-2 2zm7-1h-3.142a3.592 3.592 0 0 0 0-2H56a1 1 0 0 1 0 2z"
    />
    <circle cx="25" cy="25" r="2" />
    <circle cx="57" cy="25" r="2" />
</svg>