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="M51 8c-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 2zm8.732-4.617a.98.98 0 0 1 .217-1.09l.95-.95-4.242-4.242-.95.95a.984.984 0 0 1-1.09.217.985.985 0 0 1-.617-.925V0h-6v1.343c0 .62-.473.864-.617.925a.978.978 0 0 1-1.09-.217l-.95-.95-3.239 3.239A19.565 19.565 0 0 0 38.5 4h-4.843C26.127 4 20 10.127 20 17.657a3.994 3.994 0 0 0 3.03 3.881l.97.242V29c0 5.675 3.4 10.561 8.264 12.757A10.651 10.651 0 0 0 28.019 50H24v4c-1.103 0-2 .897-2 2v2c0 1.103.897 2 2 2h12.586l.293.293C37.964 61.378 39.466 62 41 62s3.036-.622 4.121-1.707l.293-.293H58c1.103 0 2-.897 2-2v-2c0-1.103-.897-2-2-2v-4h-6.011a10.63 10.63 0 0 0-5.205-8.873C53.4 38.004 58 31.287 58 23.5c0-1.212-.118-2.421-.339-3.604l3.239-3.239-.95-.95a.984.984 0 0 1-.217-1.09.982.982 0 0 1 .924-.617H62V8h-1.343a.985.985 0 0 1-.925-.617zM28.273 36h.491c1.76 0 3.343-.979 4.131-2.553l-1.789-.895A2.605 2.605 0 0 1 28.764 34h-1.658A11.901 11.901 0 0 1 26 29v-8c0-1.103.897-2 2-2h8c2.206 0 4 1.794 4 4v3h2c1.103 0 2 .897 2 2s-.897 2-2 2h-2v1.169c0 3.265.733 6.507 2.129 9.452A17.501 17.501 0 0 1 38.5 41H38c-4.004 0-7.546-1.978-9.727-5zm14.33 6.557-.877 1.754-1.404-1.404a19.267 19.267 0 0 0 2.281-.35zm-4.997.423-1.331 1.331-.775-1.547c.686.124 1.389.196 2.106.216zM58 58H44.586l-.879.879C42.994 59.592 42.008 60 41 60s-1.994-.408-2.707-1.121L37.414 58H24v-2h14.172c.263 0 .521.106.707.293a3.002 3.002 0 0 0 4.242 0c.187-.187.444-.293.707-.293H58zm-2-4H43.828c-.801 0-1.555.313-2.121.879a.999.999 0 0 1-1.414 0A2.982 2.982 0 0 0 38.172 54H26v-2h8.395c2.16 0 4.253.634 6.051 1.832l.554.37.555-.37A10.878 10.878 0 0 1 47.605 52H56zm-6.022-4h-2.372c-2.337 0-4.607.627-6.605 1.818A12.875 12.875 0 0 0 34.395 50h-4.376a8.647 8.647 0 0 1 3.518-6.69l2.189 4.379L39 44.414l3.274 3.274 2.633-5.267A8.615 8.615 0 0 1 49.978 50zm-5.887-9.916A20.12 20.12 0 0 1 42.018 32 4.005 4.005 0 0 0 46 28c0-2.206-1.794-4-4-4v-1c0-3.309-2.691-6-6-6h-8c-1.775 0-3.266 1.17-3.787 2.773l-.698-.174A2 2 0 0 1 22 17.657C22 11.229 27.229 6 33.657 6H38.5c1.22 0 2.432.14 3.615.388.331.414.208.86.152.995a.982.982 0 0 1-.924.617H40v6h1.343c.62 0 .864.473.925.617a.98.98 0 0 1-.217 1.09l-.95.95 4.242 4.242.95-.95a.98.98 0 0 1 1.09-.217.985.985 0 0 1 .617.925V22h6v-1.343a.985.985 0 0 1 1.612-.773C55.86 21.068 56 22.28 56 23.5c0 7.695-4.992 14.246-11.909 16.584zM60 12.069a2.946 2.946 0 0 0-2.115 1.783 2.945 2.945 0 0 0 .235 2.756l-1.512 1.512a2.942 2.942 0 0 0-2.756-.235A2.945 2.945 0 0 0 52.069 20H49.93a2.946 2.946 0 0 0-1.783-2.115 2.948 2.948 0 0 0-2.756.235l-1.512-1.512a2.944 2.944 0 0 0 .235-2.756 2.945 2.945 0 0 0-2.115-1.783V9.931a2.946 2.946 0 0 0 2.115-1.783 2.945 2.945 0 0 0-.235-2.756l1.512-1.512c.813.526 1.822.62 2.756.235A2.945 2.945 0 0 0 49.931 2h2.139c.204.947.849 1.729 1.783 2.115s1.941.292 2.756-.235l1.512 1.512a2.944 2.944 0 0 0-.235 2.756A2.942 2.942 0 0 0 60 9.931zM51 4c-3.859 0-7 3.141-7 7s3.141 7 7 7 7-3.141 7-7-3.141-7-7-7zm0 12c-2.757 0-5-2.243-5-5s2.243-5 5-5 5 2.243 5 5-2.243 5-5 5zm-20 6c-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-14.774-5.553A2.885 2.885 0 0 0 13.389 18h-.521a2.87 2.87 0 0 0-2.84 3.273L11.275 30h-.976a4.005 4.005 0 0 0-3.862 2.96L.034 56.74 0 60c0 1.103.897 2 2 2h16c1.103 0 2-.897 2-2v-2c0-1.103-.897-2-2-2H6.309l5.454-20h.368l1.648 11.538A2.885 2.885 0 0 0 16.619 50h.514A2.87 2.87 0 0 0 20 47.133v-.995c0-.143-.011-.284-.031-.42zM18 60H2v-2h16zm-6.236-26c-.898 0-1.692.605-1.93 1.475L4.236 56H2.305l6.063-22.521A2.002 2.002 0 0 1 10.299 32h1.262l.286 2zM18 47.133a.868.868 0 0 1-.867.867h-.514a.87.87 0 0 1-.858-.745l-3.753-26.266a.868.868 0 0 1 .859-.989h.521c.427 0 .796.318.858.74l3.744 25.274a.74.74 0 0 1 .01.124zM8 2v2H4V2zm12 2H10V2h10zM4 6h16v2H4zm0 4h14v2H4zm0 4h2v2H4zm4 2v-2h2v2zm4 0v-2h2v2z"
    />
</svg>