Scroll

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="linear-gradient"
        gradientUnits="userSpaceOnUse"
        x1="141.054"
        x2="370.988"
        y1="141.033"
        y2="370.967"
    >
        <stop offset="0" stop-color="#c048e3" />
        <stop offset="1" stop-color="#5900ff" />
    </linearGradient>
    <g id="Arrow-11">
        <path
            d="m284.8611 126.50367 45.51405 20.273c16.14943 8.26728 25.43708-8.85443 17.31206-19.31633-15.07656-19.41277-60.44828-68.59645-81.15578-90.87046a14.3282 14.3282 0 0 0 -21.02061 0c-20.7075 22.274-66.07923 71.45769-81.15578 90.87046-8.32626 10.721 1.46386 27.4294 17.31205 19.31633l45.51406-20.273v258.99266l-45.51406-20.273c-15.84819-8.11307-25.63831 8.59533-17.312 19.31633 15.07655 19.41277 60.44828 68.59645 81.15578 90.87046a14.3282 14.3282 0 0 0 21.02061 0c20.7075-22.274 66.07922-71.45769 81.15578-90.87046 8.125-10.4619-1.16263-27.58361-17.31206-19.31633l-45.514 20.273z"
            fill="url(#linear-gradient)"
        />
    </g>
</svg>