Tutorial

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="496pt"
    height="496pt"
    viewBox="0 0 496 496"
>
    <linearGradient
        id="a"
        x1="248"
        x2="248"
        y1="496"
        y2="0"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#9f2fff" />
        <stop offset="1" stop-color="#0bb1d3" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M432 80h-82.902C338.215 34.207 297.07 0 248 0s-90.215 34.207-101.098 80H64v56H0v320h200.664c3.824 22.672 23.594 40 47.336 40s43.512-17.328 47.336-40H496V136h-64zm-16 16v304H305.937c-18.69 0-36.265-6.96-49.937-19.527v-172.88c5.465-.417 10.8-1.265 16-2.503V240h128V112h-48.406c.207-2.648.406-5.297.406-8s-.2-5.352-.406-8zM288 199.977c30.352-12.696 53.352-39.41 61.098-71.977H384v96h-96zM248 16c48.52 0 88 39.48 88 88s-39.48 88-88 88-88-39.48-88-88 39.48-88 88-88zm-40 183.977V224h-96v-96h34.902c7.746 32.566 30.746 59.281 61.098 71.977zM80 96h64.406c-.207 2.648-.406 5.297-.406 8s.2 5.352.406 8H96v128h128v-34.902c5.2 1.23 10.535 2.078 16 2.504v172.87C226.328 393.04 208.754 400 190.062 400H80zM64 384H48V152h16zm416 56H280v8c0 17.648-14.352 32-32 32s-32-14.352-32-32v-8H16V152h16v248h32v16h126.063c21.449 0 41.746-7.457 57.937-21.145C264.191 408.543 284.496 416 305.938 416H432v-16h32V152h16zm-32-288v232h-16V152zm-200 24c39.703 0 72-32.297 72-72s-32.297-72-72-72-72 32.297-72 72 32.297 72 72 72zm0-128c30.871 0 56 25.129 56 56s-25.129 56-56 56-56-25.129-56-56 25.129-56 56-56zm-24 9.055v93.89L294.426 104zm16 29.89L265.574 104 240 121.055zM224 256H96v112h128zm-16 96h-96v-80h96zm-16-48h-64v-16h64zm0 32h-64v-16h64zm112-80h96v16h-96zm0 32h96v16h-96zm-32-32h16v16h-16zm0 32h16v16h-16zm32 32h96v16h-96zm0 32h96v16h-96zm-32-32h16v16h-16zm0 32h16v16h-16zm0 0"
    />
</svg>