Curve Arrow

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="Degradado_sin_nombre_275"
        gradientUnits="userSpaceOnUse"
        x1="246.423"
        x2="246.423"
        y1="1.273"
        y2="510.589"
    >
        <stop offset=".011" stop-color="#00cde6" />
        <stop offset=".994" stop-color="#0070e7" />
    </linearGradient>
    <linearGradient
        id="Degradado_sin_nombre_275-2"
        x1="256"
        x2="256"
        y1="-.672"
        y2="511.328"
        href="#Degradado_sin_nombre_275"
    />
    <g id="to_down">
        <path
            d="m277.32 89.533c-74.731 0-135.528 60.8-135.528 135.527v70.226h-39.774c-19.577 0-29.381 23.669-15.538 37.512l83.169 83.169a22.191 22.191 0 0 0 31.383 0l83.168-83.167c13.843-13.843 4.039-37.512-15.538-37.512h-40.276v-70.228a48.933 48.933 0 1 1 97.866 0v103.406a43.3 43.3 0 0 0 86.594 0v-103.406c0-74.73-60.797-135.527-135.526-135.527z"
            fill="url(#Degradado_sin_nombre_275)"
        />
        <path
            d="m256 0c-141.38 0-256 114.62-256 256s114.62 256 256 256 256-114.62 256-256-114.62-256-256-256zm0 480c-123.71 0-224-100.29-224-224s100.29-224 224-224 224 100.29 224 224-100.29 224-224 224z"
            fill="url(#Degradado_sin_nombre_275-2)"
        />
    </g>
</svg>