Tutorial

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 62 62"
>
    <linearGradient
        id="a"
        x1="31"
        x2="31"
        y1="62"
        y2="0"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#9f2fff" />
        <stop offset="1" stop-color="#0bb1d3" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M38 19c0-1.654-1.346-3-3-3s-3 1.346-3 3 1.346 3 3 3 3-1.346 3-3zm-4 0a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm17-3c-1.654 0-3 1.346-3 3s1.346 3 3 3 3-1.346 3-3-1.346-3-3-3zm0 4a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm-13 9c0 2.757 2.243 5 5 5s5-2.243 5-5v-1H38zm7.829 1c-.413 1.164-1.525 2-2.829 2s-2.416-.836-2.829-2zM62 12.083C62 5.421 56.58 0 49.917 0H36.485c-5.593 0-10.849 2.136-14.869 6H3C1.346 6 0 7.346 0 9v18c0 1.654 1.346 3 3 3h9.586l3.293 3.293a2.43 2.43 0 0 0 1.707.707A2.417 2.417 0 0 0 20 31.586V30h5c1.654 0 3-1.346 3-3v-1.101c.323.066.658.101 1 .101h1v3c0 3.774 2.338 7.008 5.639 8.343l.594.99a11.134 11.134 0 0 0-3.142 3.891A9.944 9.944 0 0 0 31 42c-4.091 0-7.612 2.473-9.159 6H4c-2.206 0-4 1.794-4 4s1.794 4 4 4h17.841c1.547 3.527 5.068 6 9.159 6s7.612-2.473 9.159-6H58c2.206 0 4-1.794 4-4s-1.794-4-4-4h-4v-1c0-3.416-1.576-6.578-4.24-8.656l.601-1.001C53.662 36.008 56 32.775 56 29v-3h1c2.757 0 5-2.243 5-5a4.972 4.972 0 0 0-.854-2.792l.69-4.14c.109-.657.164-1.325.164-1.985zM36.485 2h13.432C55.477 2 60 6.523 60 12.083c0 .552-.046 1.109-.137 1.657l-.482 2.891a4.931 4.931 0 0 0-2.05-.598 7.02 7.02 0 0 0-1.392-1.988C55.512 10.625 52.588 8 49.097 8c-.85 0-1.684.154-2.479.46l-9.829 3.78A7 7 0 0 0 35 12c-2.798 0-5.211 1.655-6.331 4.033a4.946 4.946 0 0 0-2.603.938l-2.684-2.147L26.25 11l-2.918-3.891A19.345 19.345 0 0 1 36.485 2zM51 24c-2.757 0-5-2.243-5-5s2.243-5 5-5 5 2.243 5 5-2.243 5-5 5zm-21-5c0-2.757 2.243-5 5-5s5 2.243 5 5-2.243 5-5 5-5-2.243-5-5zm9.889-5a7.08 7.08 0 0 0-.652-.558l8.097-3.115A4.906 4.906 0 0 1 49.097 10c1.77 0 3.321.962 4.184 2.389A6.958 6.958 0 0 0 51 12a6.973 6.973 0 0 0-4.889 2zM26 27a1 1 0 0 1-1 1h-7v3.586c.001.338-.469.532-.707.293L13.414 28H3a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h18.5l2.25 3-2.25 3H11.323l-3.546 8.863L6.535 21H4v2h1.465l2.758 4.137L12.677 16h8.972l3.071 2.456A4.941 4.941 0 0 0 24 21c0 1.627.793 3.061 2 3.974zm3-3c-1.654 0-3-1.346-3-3 0-1.322.865-2.434 2.054-2.833A7.164 7.164 0 0 0 28 19c0 1.902.765 3.626 2 4.889V24zm13.693 18h.613l2.25 6h-5.113zm.689-2h-.764l-.401-.803.783-.783.783.783zm2.032-2H47c.221 0 .437-.017.654-.033l-.852 1.421zm-6.216 1.388-.852-1.421c.217.016.433.033.654.033h1.586zm-1.916.691 1.52 2.533 1.924-1.924.184.369-1.879 5.011a10.04 10.04 0 0 0-3.997-3.21 9.103 9.103 0 0 1 2.248-2.779zM4 54c-1.103 0-2-.897-2-2s.897-2 2-2h17.202a9.983 9.983 0 0 0 0 4zm27 6c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8zm29-8c0 1.103-.897 2-2 2H40.798a9.983 9.983 0 0 0 0-4H58c1.103 0 2 .897 2 2zm-8-5v1h-4.307l-2.604-6.943.184-.369 1.924 1.924 1.53-2.549A8.965 8.965 0 0 1 52 47zm-5-11h-8c-3.859 0-7-3.141-7-7v-3.685A6.955 6.955 0 0 0 35 26c3.859 0 7-3.141 7-7a6.955 6.955 0 0 0-.685-3h3.37A6.955 6.955 0 0 0 44 19c0 3.859 3.141 7 7 7a6.955 6.955 0 0 0 3-.685V29c0 3.859-3.141 7-7 7zm10-12h-1v-.111A6.975 6.975 0 0 0 58 19c0-.282-.022-.559-.054-.833A2.995 2.995 0 0 1 60 21c0 1.654-1.346 3-3 3zM27 57.618 38.236 52 27 46.382zm2-8L33.764 52 29 54.382zm-8.293-29.911L18.414 22l2.293 2.293-1.414 1.414L17 23.414l-2.293 2.293-1.414-1.414L15.586 22l-2.293-2.293 1.414-1.414L17 20.586l2.293-2.293zm-14.59-5.176-2.824-2.824 1.414-1.414 2.352 2.352 1.046-2.092 1.789.895-4 8-1.789-.895zM16 46v-2h2v2zm-4 0v-2h2v2zM2 44h8v2H2zm0-4h16v2H2zm16-2H2v-2h16z"
    />
</svg>