Add icons to this collection by clicking the heart icon.
Up Arrow icon - also known as arrows, arrow, direction, up arrow, and sign. 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 64 64"
>
<linearGradient
id="a"
x1="11.993"
x2="43.131"
y1="46.866"
y2="21.097"
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="17.396"
x2="48.534"
y1="53.395"
y2="27.625"
href="#a"
/>
<path
fill="url(#a)"
d="M22.669 33.669 32 24.338l9.331 9.331a3.094 3.094 0 1 0 4.376-4.376l-6-6a1 1 0 0 0-1.414 1.415l6 6a1.094 1.094 0 0 1 0 1.547 1.122 1.122 0 0 1-1.548 0L32 21.51 21.255 32.254a1.094 1.094 0 1 1-1.548-1.546L32 18.414l3.293 3.293a1 1 0 0 0 1.414-1.414L32 15.586 18.293 29.293a3.094 3.094 0 0 0 4.376 4.376z"
/>
<path
fill="url(#b)"
d="M32 26.586 18.293 40.293a3.094 3.094 0 0 0 4.376 4.376l3.038-3.038a1 1 0 0 0-1.414-1.414l-3.038 3.037a1.094 1.094 0 1 1-1.548-1.546L32 29.414l12.293 12.294a1.094 1.094 0 0 1 0 1.547 1.121 1.121 0 0 1-1.548 0L32 32.51l-4.783 4.783a1 1 0 0 0 1.414 1.414L32 35.338l9.331 9.331a3.094 3.094 0 0 0 4.376-4.376z"
/>
</svg>
More icons in the same style and category