Add icons to this collection by clicking the heart icon.
Down Arrow icon - also known as arrows, direction, orientation, multimedia, download, downloading, multimedia option, and down arrow. 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="100"
height="100"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="-39.797"
x2="-29.59"
y1="637.587"
y2="627.38"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.117 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="m320.011 422.251-64 64-64-64V309.333c0-5.888-4.779-10.667-10.667-10.667s-10.667 4.779-10.667 10.667v91.584L60.875 291.136c-4.16-4.16-10.923-4.16-15.083 0s-4.16 10.923 0 15.083l202.667 202.667a10.716 10.716 0 0 0 7.552 3.115c2.731 0 5.461-1.045 7.531-3.115l202.667-202.667c4.16-4.16 4.16-10.923 0-15.083s-10.923-4.16-15.083 0L341.344 400.917v-91.584c0-5.888-4.779-10.667-10.667-10.667s-10.667 4.779-10.667 10.667v112.918z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-32.41"
x2="-29.974"
y1="637.474"
y2="635.037"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.117 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M320.011 255.104c0 5.888 4.779 10.667 10.667 10.667s10.667-4.779 10.667-10.667v-73.771c0-5.888-4.779-10.667-10.667-10.667s-10.667 4.779-10.667 10.667v73.771z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-39.41"
x2="-36.974"
y1="637.474"
y2="635.037"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.117 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M170.677 255.104c0 5.888 4.779 10.667 10.667 10.667s10.667-4.779 10.667-10.667v-73.771c0-5.888-4.779-10.667-10.667-10.667s-10.667 4.779-10.667 10.667v73.771z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-32.16"
x2="-30.224"
y1="642.723"
y2="640.787"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.117 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M320.011 127.104c0 5.888 4.779 10.667 10.667 10.667s10.667-4.779 10.667-10.667V74.667c0-5.888-4.779-10.667-10.667-10.667s-10.667 4.779-10.667 10.667v52.437z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-39.16"
x2="-37.224"
y1="642.723"
y2="640.787"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.117 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M170.677 127.104c0 5.888 4.779 10.667 10.667 10.667s10.667-4.779 10.667-10.667V74.667c0-5.888-4.779-10.667-10.667-10.667s-10.667 4.779-10.667 10.667v52.437z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-31.729"
x2="-30.653"
y1="646.154"
y2="645.083"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.117 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M330.677 36.885c5.888 0 10.667-4.779 10.667-10.667V10.667C341.344 4.779 336.565 0 330.677 0S320.01 4.779 320.01 10.667v15.552c.001 5.888 4.779 10.666 10.667 10.666z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-38.729"
x2="-37.653"
y1="646.154"
y2="645.083"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.117 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M181.344 36.885c5.888 0 10.667-4.779 10.667-10.667V10.667C192.011 4.779 187.232 0 181.344 0s-10.667 4.779-10.667 10.667v15.552c0 5.888 4.779 10.666 10.667 10.666z"
fill="url(#g)"
/>
</svg>
More icons in the same style and category