Add icons to this collection by clicking the heart icon.
Down icon - also known as arrows, down, ui, down arrow, double arrow, Downward arrow, down chevron, double chevron, and user interface. 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 32 32"
>
<linearGradient
id="a"
x1="-10.04"
x2="40.15"
y1="-10.04"
y2="40.15"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#9cecfb" />
<stop offset=".51" stop-color="#65c7f7" />
<stop offset="1" stop-color="#0052d4" />
</linearGradient>
<linearGradient
id="b"
x1="-10.04"
x2="40.15"
y1="-10.04"
y2="40.15"
href="#a"
/>
<path
fill="url(#a)"
d="M16 27a1 1 0 0 1-.71-.29l-6-6a1 1 0 0 1 1.42-1.42l5.29 5.3 5.29-5.3a1 1 0 0 1 1.42 1.42l-6 6A1 1 0 0 1 16 27zm0-5.66a1 1 0 0 1-.71-.29l-6-6a1 1 0 0 1 0-1.41 1 1 0 0 1 1.42 0L15 17.93V6a1 1 0 0 1 2 0v11.93l4.29-4.29a1 1 0 0 1 1.42 0 1 1 0 0 1 0 1.41l-6 6a1 1 0 0 1-.71.29z"
/>
<path
fill="url(#b)"
d="M29 32H3a3 3 0 0 1-3-3V3a3 3 0 0 1 3-3h26a3 3 0 0 1 3 3v26a3 3 0 0 1-3 3zM3 2a1 1 0 0 0-1 1v26a1 1 0 0 0 1 1h26a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1z"
/>
</svg>
More icons in the same style and category