Down Arrow

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="100"
    height="100"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="-39.68"
        x2="-29.723"
        y1="637.212"
        y2="627.256"
        gradientTransform="matrix(21.3333 0 0 -21.3333 996.283 13791.667)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#369cdc" />
        <stop offset="1" stop-color="#aa56d0" />
    </linearGradient>
    <path
        d="M246.189 505.493a10.639 10.639 0 0 0 9.813 6.507c4.288 0 8.149-2.56 9.813-6.507L383.149 228.16a10.641 10.641 0 0 0-2.091-11.499 10.607 10.607 0 0 0-11.371-2.667c-73.088 26.581-154.283 26.581-227.371 0-3.968-1.451-8.469-.384-11.371 2.667a10.602 10.602 0 0 0-2.091 11.499l117.335 277.333zm108.203-264.106-98.389 232.576-98.389-232.576c63.914 18.538 132.863 18.538 196.778 0z"
        fill="url(#a)"
    />
    <linearGradient
        id="b"
        x1="-38.234"
        x2="-31.167"
        y1="645.018"
        y2="637.951"
        gradientTransform="matrix(21.3333 0 0 -21.3333 996.283 13791.667)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#369cdc" />
        <stop offset="1" stop-color="#aa56d0" />
    </linearGradient>
    <path
        d="M256.003 213.333c58.816 0 106.667-47.851 106.667-106.667S314.819 0 256.003 0 149.336 47.851 149.336 106.667s47.851 106.666 106.667 106.666zm0-192c47.061 0 85.333 38.272 85.333 85.333S303.064 192 256.003 192s-85.333-38.272-85.333-85.333 38.271-85.334 85.333-85.334z"
        fill="url(#b)"
    />
</svg>