Tutorial

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
        <path
            d="M32 15c-6.623 0-12 5.377-12 12s5.377 12 12 12 12-5.377 12-12-5.377-12-12-12zm5.87 13.756a2.002 2.002 0 0 0 0-3.512l-7.912-4.316A2.002 2.002 0 0 0 27 22.684v8.632a2 2 0 0 0 2.958 1.756z"
        />
        <path
            d="M6 11v29c0 .796.316 1.559.879 2.121a2.996 2.996 0 0 0 2.12.879h15a1 1 0 0 1 0 2H9a5.004 5.004 0 0 1-3.535-1.464A5.004 5.004 0 0 1 4 40V8c0-1.326.527-2.598 1.464-3.536A5.004 5.004 0 0 1 9 3h46c1.326 0 2.598.527 3.536 1.464A5.004 5.004 0 0 1 60 8v32a5.004 5.004 0 0 1-1.464 3.536A5.004 5.004 0 0 1 55 45H40a1 1 0 0 1 0-2h15c.796 0 1.559-.316 2.12-.879A2.996 2.996 0 0 0 58 40V11zm5-5a1 1 0 1 1-.001 2 1 1 0 0 1 0-2zm4 0a1 1 0 1 1-.001 2 1 1 0 0 1 0-2zm4 0a1 1 0 1 1-.001 2 1 1 0 0 1 0-2z"
        />
        <path
            d="M32 42c2.208 0 4 1.792 4 4s-1.792 6-4 6-4-3.792-4-6 1.792-4 4-4z"
        />
        <path
            d="M27.846 51.488c.142.197.29.386.444.565C29.323 53.251 30.623 54 32 54s2.677-.749 3.71-1.947c.154-.179.302-.368.444-.565A5.004 5.004 0 0 1 39 56v4a1 1 0 0 1-1 1H26a1 1 0 0 1-1-1v-4a5.004 5.004 0 0 1 2.846-4.512zM47 47c1.656 0 3 1.344 3 3s-1.344 4-3 4-3-2.344-3-4 1.344-3 3-3zM17 47c1.656 0 3 1.344 3 3s-1.344 4-3 4-3-2.344-3-4 1.344-3 3-3zM43.623 54.243c.097.115.197.226.3.332C44.78 55.453 45.855 56 47 56s2.219-.547 3.077-1.425c.103-.106.203-.217.3-.332A4.003 4.003 0 0 1 53 58v2a1 1 0 0 1-1 1H42a1 1 0 0 1-1-1v-2a4.003 4.003 0 0 1 2.623-3.757zM13.623 54.243c.097.115.197.226.3.332C14.78 55.453 15.855 56 17 56s2.219-.547 3.077-1.425c.103-.106.203-.217.3-.332A4.003 4.003 0 0 1 23 58v2a1 1 0 0 1-1 1H12a1 1 0 0 1-1-1v-2a4.003 4.003 0 0 1 2.623-3.757z"
        />
    </g>
</svg>