Down Arrow

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="100"
    height="100"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="0"
        x2="512"
        y1="-11142"
        y2="-11142"
        gradientTransform="matrix(1 0 0 -1 0 -10886)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#00f1ff" />
        <stop offset=".231" stop-color="#00d8ff" />
        <stop offset=".514" stop-color="#00c0ff" />
        <stop offset=".777" stop-color="#00b2ff" />
        <stop offset="1" stop-color="#00adff" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M512 256c0 141.387-114.613 256-256 256S0 397.387 0 256 114.613 0 256 0s256 114.613 256 256zm0 0"
    />
    <g fill="#fff">
        <path
            d="M257 456c-12.383 0-24.023-4.82-32.777-13.578l-137.73-137.39c-5.868-5.852-5.88-15.348-.028-21.216 5.851-5.863 15.347-5.875 21.215-.023l137.742 137.402c3.101 3.106 7.21 4.805 11.578 4.805s8.477-1.7 11.566-4.79L406.32 283.79c5.868-5.849 15.364-5.84 21.215.026 5.852 5.868 5.836 15.364-.027 21.215L289.766 442.438C281.023 451.18 269.383 456 257 456zm0 0"
        />
        <path
            d="M257 369.77c-8.285 0-15-6.715-15-15V71c0-8.285 6.715-15 15-15s15 6.715 15 15v283.77c0 8.285-6.715 15-15 15zm0 0"
        />
    </g>
</svg>