Add icons to this collection by clicking the heart icon.
Arrow Button icon - also known as arrows, direction, up, down, and arrow button. 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 4.002 13 8a1.414 1.414 0 1 1-2 2L8 7l-3 3a1.414 1.414 0 1 1-2-2l4-4a1.417 1.417 0 0 1 2 0z"
/>
<path
fill="#37436b"
d="M8.377 4.166a.917.917 0 0 0-1.023.188l-4 4a.914.914 0 1 0 1.292 1.292L8 6.293l3.354 3.353a.914.914 0 1 0 1.292-1.292l-4-4a.911.911 0 0 0-.27-.188zm-1.43-.764a1.917 1.917 0 0 1 2.407.244l4 4a1.914 1.914 0 0 1-2.708 2.707L8 7.707l-2.646 2.646a1.914 1.914 0 1 1-2.708-2.707l4-4c.093-.093.194-.174.3-.244z"
/>
<path
fill="#328efb"
d="m11 17 3.998 3.998L15 21a1.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"
/>
<path
fill="#37436b"
d="M15.538 20.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>
</svg>
More icons in the same style and category