Tutorial

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 520 520"
>
    <path
        d="M252.574 245.311 285 226.589c6.651-3.84 6.665-13.473 0-17.32l-32.426-18.721c-6.641-3.834-15 .95-15 8.66v37.443c0 7.71 8.373 12.486 15 8.66zm4.999-28.783 2.427 1.401-2.427 1.401z"
    />
    <circle cx="260" cy="390" r="10" />
    <circle cx="360" cy="40" r="10" />
    <circle cx="350" cy="190" r="10" />
    <circle cx="140" cy="230" r="10" />
    <circle cx="190" cy="40" r="10" />
    <circle cx="270" cy="60" r="10" />
    <circle cx="50" cy="70" r="10" />
    <path
        d="M450 120H70c-5.523 0-10 4.477-10 10v230c0 5.522 4.477 10 10 10h380c5.522 0 10-4.478 10-10V130c0-5.523-4.478-10-10-10zM80 350V240h30c5.523 0 10-4.477 10-10s-4.477-10-10-10H80v-80h360v40h-60c-5.522 0-10 4.477-10 10s4.478 10 10 10h60v50h-30c-5.522 0-10 4.477-10 10 0 5.522 4.478 10 10 10h30v80z"
    />
    <circle cx="390" cy="450" r="10" />
    <path
        d="M450 440h-30c-5.522 0-10 4.478-10 10s4.478 10 10 10h30c5.522 0 10-4.478 10-10s-4.478-10-10-10z"
    />
    <circle cx="130" cy="450" r="10" />
    <path
        d="M100 440H70c-5.523 0-10 4.478-10 10s4.477 10 10 10h30c5.523 0 10-4.478 10-10s-4.477-10-10-10zM105 70c13.785 0 25-11.215 25-25s-11.215-25-25-25-25 11.215-25 25 11.215 25 25 25zm0-30c2.757 0 5 2.243 5 5s-2.243 5-5 5-5-2.243-5-5 2.243-5 5-5zM440 80c16.542 0 30-13.458 30-30s-13.458-30-30-30-30 13.458-30 30 13.458 30 30 30zm0-40c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10z"
    />
    <path
        d="M454.333 90H65.667C46 90 30 106 30 125.667v268.667C30 414 46 430 65.667 430h141.627c-3.465 5.968-9.911 10-17.294 10-16.542 0-30 13.458-30 30s13.458 30 30 30h140c16.542 0 30-13.458 30-30s-13.458-30-30-30c-7.384 0-13.829-4.032-17.294-10h141.628C474 430 490 414 490 394.333V125.667C490 106 474 90 454.333 90zM330 460c5.514 0 10 4.486 10 10s-4.486 10-10 10H190c-5.514 0-10-4.486-10-10s4.486-10 10-10c18.604 0 34.283-12.767 38.734-30h62.531c4.452 17.233 20.131 30 38.735 30zm140-65.667c0 8.639-7.027 15.667-15.666 15.667H65.667C57.028 410 50 402.973 50 394.334V125.667C50 117.028 57.028 110 65.667 110h388.666c8.639 0 15.667 7.028 15.667 15.667z"
    />
    <path
        d="M400 300H170c0-5.522-4.477-10-10-10s-10 4.478-10 10h-30c-5.523 0-10 4.478-10 10s4.477 10 10 10h30c0 5.522 4.477 10 10 10s10-4.478 10-10h230c5.522 0 10-4.478 10-10s-4.478-10-10-10zM260 290c38.598 0 70-31.402 70-70s-31.402-70-70-70-70 31.402-70 70 31.402 70 70 70zm0-120c27.57 0 50 22.43 50 50s-22.43 50-50 50-50-22.43-50-50 22.43-50 50-50z"
    />
</svg>