Add icons to this collection by clicking the heart icon.
Up Arrow icon - also known as arrows, arrow, direction, up arrow, multimedia option, 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="3.603"
x2="26.761"
y1="29.637"
y2="4.163"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".04" stop-color="#fee72e" />
<stop offset=".117" stop-color="#fed51b" />
<stop offset=".196" stop-color="#fdca10" />
<stop offset=".281" stop-color="#fdc70c" />
<stop offset=".669" stop-color="#f3903f" />
<stop offset=".888" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<linearGradient
id="b"
x1="3.98"
x2="27.137"
y1="29.979"
y2="4.505"
href="#a"
/>
<linearGradient
id="c"
x1="6.369"
x2="29.527"
y1="32.151"
y2="6.678"
href="#a"
/>
<path
fill="url(#a)"
d="M29 2H3a1 1 0 0 0-1 1v26a1 1 0 0 0 1 1h26a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1zm-1 26H4V4h24z"
/>
<path
fill="url(#b)"
d="m10.85 17.307 5.293-5.293 5.293 5.293a1 1 0 1 0 1.414-1.414l-6-6a1 1 0 0 0-1.414 0l-6 6a1 1 0 1 0 1.414 1.414z"
/>
<path
fill="url(#c)"
d="m10.85 22.107 5.293-5.293 5.293 5.293a1 1 0 0 0 1.414-1.414l-6-6a1 1 0 0 0-1.414 0l-6 6a1 1 0 0 0 1.414 1.414z"
/>
</svg>
More icons in the same style and category