Add icons to this collection by clicking the heart icon.
Arrow Down icon - also known as interface, direction, orientation, directional, point to, lower, down arrow, infography, and business and finance. Created in a clean gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <radialGradient
        id="a"
        cx="5025.95"
        cy="-4546.782"
        r="389.278"
        gradientTransform="matrix(0 -1 .747 0 3693.102 5237.922)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#f4fbff" />
        <stop offset=".514" stop-color="#cbe2ff" />
        <stop offset="1" stop-color="#bed8fb" />
    </radialGradient>
    <radialGradient
        id="b"
        cx="5285.84"
        cy="-4441.094"
        r="239.565"
        gradientTransform="matrix(0 -1 .747 0 3508.468 5757.703)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#bed8fb" />
        <stop offset=".472" stop-color="#93bffb" />
        <stop offset=".665" stop-color="#80b4fb" />
        <stop offset=".868" stop-color="#6faafa" />
        <stop offset="1" stop-color="#61a2f9" />
    </radialGradient>
    <radialGradient
        id="c"
        cx="5095.781"
        cy="-4410.94"
        r="418.771"
        gradientTransform="matrix(0 -1 -1.064 0 -4259.28 5348.886)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#80b4fb" />
        <stop offset=".146" stop-color="#7aaffb" />
        <stop offset=".342" stop-color="#69a1fa" />
        <stop offset=".516" stop-color="#5490f9" />
        <stop offset="1" stop-color="#407093" />
    </radialGradient>
    <radialGradient
        id="d"
        cx="312.966"
        cy="3464.049"
        r="252.152"
        gradientTransform="matrix(.931 0 0 .112 -38.569 95.293)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#cbe2ff" />
        <stop offset=".143" stop-color="#d6e8ff" />
        <stop offset=".496" stop-color="#ecf4ff" />
        <stop offset=".888" stop-color="#fff" />
    </radialGradient>
    <path
        fill="url(#a)"
        d="M160.817 369.31V0h56.51l21.56 367.693 10.127 25.522z"
    />
    <path fill="url(#b)" d="M284.255 482.027h-56.51L115.028 369.31h124.501z" />
    <path
        fill="url(#c)"
        d="M171.538 369.31h45.789V0h133.856v369.31h45.789L284.255 482.027z"
    />
    <path
        fill="url(#d)"
        d="M256 512c135.113 0 244.643-13.419 244.643-29.973H11.357C11.357 498.581 120.887 512 256 512z"
    />
</svg>
More icons in the same style and category