Add icons to this collection by clicking the heart icon.
Arrow Up icon - also known as interface, button, keyboard, key, symbol, arrowhead, ui, arrow up, and computing. Created in a clean lineal color style with a white, gray, and black finish, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0v-79.372c0-22.091 11.982-38.481 34.073-38.481l25.762-1.519h324.06c22.091 0 40 17.909 40 40v8.58l-10.5 29.92 1 40.872z"
transform="translate(47.605 126.872)"
fill="#7a6d79"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 9.5-13.37v-57.42c-11.34-7.93-25.14-12.58-40-12.58h-351.1c-5.365.007-9.184-5.283-7.267-10.293 5.751-15.031 20.31-25.707 37.367-25.707h-30c-22.091 0-40 17.909-40 40V0Z"
transform="translate(462 126.87)"
fill="#685e68"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-323.647l-26.449 1.023c-22.092 0-38.753 19.358-38.753 41.449l2.092 345.138c0 22.091 19.413 42.385 41.505 42.385l21.33 1.005H0c22.091 0 40-17.909 40-40V40C40 17.909 22.091 0 0 0"
transform="translate(431.5 73.5)"
fill="#918291"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30c-22.09 0-40 17.91-40 40v351c0 22.09 17.91 40 40 40H0c-22.09 0-40-17.91-40-40V40C-40 17.91-22.09 0 0 0"
transform="translate(110.5 73.5)"
fill="#7a6d79"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-112.927 59.064a6.003 6.003 0 0 1-5.423 0l-117.652-62.14c-2.62-1.327-5.389 1.511-3.998 4.097l121.719 222.809c1.133 2.106 4.153 2.106 5.285 0l12.362-14.113L-1.327 25.026 3.998 4.097C5.389 1.511 2.62-1.327 0 0"
transform="translate(371.638 176.915)"
fill="#f5f8f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-123.77 62.7c-1.7.86-3.72.86-5.42 0L-252.96 0c-2.62-1.33-5.39 1.51-4 4.1l127.84 237.74c1.13 2.11 4.15 2.11 5.28 0l12.364-22.988-83.568-155.396c-1.391-2.587 1.378-5.425 3.998-4.097L-129.19 90.7c1.7.86 3.72.86 5.42 0l111.6-56.54L4 4.1C5.39 1.51 2.62-1.33 0 0"
transform="translate(382.48 167.78)"
fill="#e2e8ed"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-67c0-22.09-17.91-40-40-40h-351c-22.09 0-40 17.91-40 40V0"
transform="translate(471.5 114.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-165.56c-22.091 0-40 17.909-40 40v351c0 22.091 17.909 40 40 40h51.288"
transform="translate(246.06 73.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h264.582c22.092 0 40-17.909 40-40v-351c0-22.091-17.908-40-40-40H115.345"
transform="translate(166.918 504.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-46.357 23.484-135-68.39 95.283 177.208"
transform="translate(302.356 208.369)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 23.134 43.026 135-251.074-57.374 29.065"
transform="translate(232.866 371.511)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category