Touch And Drag

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="0"
        x2="512"
        y1="256"
        y2="256"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#00f2fe" />
        <stop offset=".021" stop-color="#03effe" />
        <stop offset=".293" stop-color="#24d2fe" />
        <stop offset=".554" stop-color="#3cbdfe" />
        <stop offset=".796" stop-color="#4ab0fe" />
        <stop offset="1" stop-color="#4facfe" />
    </linearGradient>
    <path
        d="M399.525 24.617v175.716m23.288-157.045L399.525 20l-23.288 23.288m0 138.374 23.288 23.288 23.288-23.288m64.57-69.187H311.667m157.045 23.288L492 112.475l-23.288-23.288m-138.374 0-23.288 23.288 23.288 23.288M91.004 271.139v71.431m70.352-210.293V271.14m70.352-79.629v79.629m109.215 26.732-.006-2.674c-2.727-31.237-29.008-55.744-61.027-55.744h-48.182V120.261c0-19.427-15.749-35.176-35.176-35.176h0c-19.427 0-35.176 15.749-35.176 35.176v13.229c0-19.381-15.749-35.092-35.176-35.092h0c-19.427 0-35.176 15.711-35.176 35.092v146.362c-3.486-16.142-17.876-28.239-35.099-28.239h0c-19.83 0-35.905 16.037-35.905 35.82V396.5c0 33.383 26.854 61.108 60.317 61.108h38.376V492h120.645v-33.016h40.552c33.832 0 61.259-27.36 61.261-61.112"
        fill="none"
        stroke="url(#a)"
        stroke-width="40"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke-miterlimit="10"
    />
</svg>