Magic

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="256"
        x2="256"
        y1="512"
        y2="0"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#5558ff" />
        <stop offset="1" stop-color="#00c0ff" />
    </linearGradient>
    <path
        d="M142.836 313.031a100 100 0 0 1 65.365-1.051l96.769 31.736c15.744 5.163 24.321 22.112 19.157 37.855h0c-5.163 15.743-22.111 24.319-37.854 19.156l-80.253-26.32m-63.184-61.376L16 359.195V497h40l86.213-34.758 149.241 9.466a120.005 120.005 0 0 0 48.639-6.996l136.16-49.558c15.569-5.667 23.597-22.882 17.93-38.451h0c-5.667-15.569-22.882-23.597-38.452-17.93l-127.953 46.571a40.01 40.01 0 0 1-26.146.421l-95.613-31.357m41.092-297.186-13.854 20.781A102.758 102.758 0 0 0 216 155v0c0 77.32 62.68 140 140 140s140-62.68 140-140v0c0-20.286-6.005-40.118-17.257-56.997l-13.854-20.781m-217.778 0 24.158 24.158c14.721 14.721 39.595 10.339 48.399-8.527L356 15l36.332 77.854c8.804 18.866 33.677 23.248 48.399 8.527l24.158-24.158M356 155l-40.309 70.541C298.005 256.491 320.353 295 356 295h0c35.647 0 57.995-38.509 40.309-69.459L356 155z"
        fill="none"
        stroke="url(#a)"
        stroke-width="30"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke-miterlimit="10"
    />
</svg>