Add icons to this collection by clicking the heart icon.
Arrow Up icon - also known as interface, arrows, direction, orientation, directional, point to, arrow up, and infography. 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="352.126"
cy="1818.188"
r="252.152"
gradientTransform="matrix(.931 0 0 .112 -75.044 279.165)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9efaf" />
<stop offset=".256" stop-color="#fcf5cb" />
<stop offset=".496" stop-color="#fff9e2" />
<stop offset=".888" stop-color="#fff" />
</radialGradient>
<radialGradient
id="b"
cx="129.505"
cy="449.535"
r="217.424"
gradientTransform="matrix(0 1 -.563 0 403.75 192.445)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f6e781" />
<stop offset=".476" stop-color="#f5e056" />
<stop offset=".65" stop-color="#f4dd45" />
<stop offset=".987" stop-color="#f1d334" />
<stop offset="1" stop-color="#f1d333" />
</radialGradient>
<radialGradient
id="c"
cx="227.56"
cy="13.053"
r="159.818"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fffbe4" />
<stop offset=".554" stop-color="#f9efaf" />
<stop offset=".628" stop-color="#f8eea7" />
<stop offset="1" stop-color="#f6e781" />
</radialGradient>
<radialGradient
id="d"
cx="-2551.575"
cy="-2491.28"
r="375.875"
gradientTransform="matrix(0 1 .747 0 2251.387 2853.542)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f4dd45" />
<stop offset=".236" stop-color="#f2d740" />
<stop offset=".552" stop-color="#edc631" />
<stop offset=".597" stop-color="#ecc32e" />
<stop offset="1" stop-color="#e49824" />
</radialGradient>
<path
fill="url(#a)"
d="M256 512c135.113 0 244.643-13.419 244.643-29.973H11.357C11.357 498.581 120.887 512 256 512z"
/>
<path
fill="url(#b)"
d="M161.799 111.442v370.585h56.06l21.316-368.986 10.012-25.233z"
/>
<path fill="url(#c)" d="M284.03 0h-56.06L116.528 111.442h123.281z" />
<path
fill="url(#d)"
d="M395.472 111.442h-45.271v370.585H217.859V111.442h-45.271L284.03 0z"
/>
</svg>
More icons in the same style and category