Add icons to this collection by clicking the heart icon.
Arrow Button icon - also known as arrows, arrow, direction, up, down, arrow button, and direction arrow. Created in a clean outline color style with a silver and teal 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="512"
height="512"
viewBox="0 0 24 24"
>
<g fill="none">
<g fill-rule="evenodd" clip-rule="evenodd">
<path
fill="#aafb59"
d="M9.002 2.002 13 6a1.414 1.414 0 1 1-2 2L8 5 5 8a1.414 1.414 0 0 1-2-2l4-4a1.417 1.417 0 0 1 2 0z"
/>
<path
fill="#328efb"
d="m11 18 3.998 3.998L15 22a1.415 1.415 0 0 0 2 0l4-4a1.414 1.414 0 1 0-2-2l-3 3-3-3a1.414 1.414 0 1 0-2 2z"
/>
<g fill="#37436b">
<path
d="M17 11.5a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0v-3a.5.5 0 0 1 .5-.5zM15 11.5a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0v-3a.5.5 0 0 1 .5-.5zM7 8.5a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0V9a.5.5 0 0 1 .5-.5zM9 8.5a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0V9a.5.5 0 0 1 .5-.5z"
/>
<path
d="M8.377 2.08a.917.917 0 0 0-1.023.188l-4 4A.914.914 0 1 0 4.646 7.56L8 4.207l3.354 3.354a.914.914 0 1 0 1.292-1.293l-4-4a.911.911 0 0 0-.27-.187zm-1.43-.764a1.917 1.917 0 0 1 2.407.245l4 4a1.914 1.914 0 0 1-2.708 2.707L8 5.62 5.354 8.268A1.914 1.914 0 0 1 2.646 5.56l4-4a1.92 1.92 0 0 1 .3-.245zM15.538 21.748a.917.917 0 0 0 1.023-.187l4-4a.914.914 0 0 0-1.293-1.293l-3.354 3.353-3.353-3.353a.914.914 0 0 0-1.293 1.293l4 4a.91.91 0 0 0 .27.187zm1.43.765a1.917 1.917 0 0 1-2.407-.245l-4-4a1.914 1.914 0 1 1 2.707-2.707l2.646 2.646 2.647-2.646a1.914 1.914 0 1 1 2.707 2.707l-4 4a1.921 1.921 0 0 1-.3.245z"
/>
</g>
</g>
</g>
</svg>
More icons in the same style and category