Tutorial

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <rect width="44" height="60" x="2" y="2" fill="#686868" rx="4" />
    <path
        fill="#939393"
        d="M42 2H6a4 4 0 0 0-4 4v17a39 39 0 0 0 39 39h1a4 4 0 0 0 4-4V6a4 4 0 0 0-4-4z"
    />
    <path
        fill="#5ed3f2"
        d="m30.553 8.894.894-1.788A2 2 0 0 1 33.236 6H40a2 2 0 0 1 2 2v48a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6.764a2 2 0 0 1 1.789 1.106l.894 1.788A2 2 0 0 0 19.236 10h9.528a2 2 0 0 0 1.789-1.106z"
    />
    <path
        fill="#95ebfc"
        d="M42 56V8a2 2 0 0 0-2-2h-6.764a2 2 0 0 0-1.789 1.106l-.894 1.788A2 2 0 0 1 28.764 10h-9.528a2 2 0 0 1-1.789-1.106l-.894-1.788A2 2 0 0 0 14.764 6H8a2 2 0 0 0-2 2v32.209A39.15 39.15 0 0 0 23.791 58H40a2 2 0 0 0 2-2z"
    />
    <path fill="#2a2a2a" d="M19 5h6v2h-6zM27 5h2v2h-2z" />
    <rect width="20" height="16" x="14" y="17" fill="#b52f28" rx="2" />
    <path
        fill="#d23f34"
        d="M32 17H16a2 2 0 0 0-1.925 1.486A16 16 0 0 0 30 33h2a2 2 0 0 0 2-2V19a2 2 0 0 0-2-2z"
    />
    <path fill="#fff" d="m21 21 8 4-8 4z" />
    <g fill="#606060">
        <path d="M9 38h30v2H9zM9 42h30v2H9zM9 46h30v2H9zM9 50h30v2H9z" />
    </g>
    <path
        fill="#2862be"
        d="M50 9a12 12 0 0 0-9.984 18.654L37 33l6.516-1.913A12 12 0 1 0 50 9z"
    />
    <path
        fill="#f2f2f2"
        d="M48 15a1 1 0 0 0-.98.8l-1.527 7.633-2.661-3.992-1.664 1.11 4 6A1 1 0 0 0 46 27a.989.989 0 0 0 .194-.019 1 1 0 0 0 .786-.785L48.82 17H58v-2z"
    />
    <path
        fill="#f2f2f2"
        d="M55.293 18.293 53 20.586l-2.293-2.293-1.414 1.414L51.586 22l-2.293 2.293 1.414 1.414L53 23.414l2.293 2.293 1.414-1.414L54.414 22l2.293-2.293z"
    />
</svg>