Add icons to this collection by clicking the heart icon.
Arrow Button icon - also known as arrows, arrow, right arrow, left, right, arrowhead, left arrow, next, skip, 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">
<path
fill="#aafb59"
d="m10.414 3.414 7.172 7.172a2 2 0 0 1 0 2.828l-.172.172a2 2 0 0 1-2.828 0L7.414 6.414a2 2 0 0 1 0-2.828l.172-.172a2 2 0 0 1 2.828 0z"
/>
<path
fill="#328efb"
d="M7.414 17.586 16 9l1.586 1.586a2 2 0 0 1 0 2.828l-7.172 7.172a2 2 0 0 1-2.828 0l-.172-.172a2 2 0 0 1 0-2.828z"
/>
<g fill="#37436b" fill-rule="evenodd" clip-rule="evenodd">
<path
d="M9.354 11.06a.5.5 0 0 0-.708 0l-.585.586a1.5 1.5 0 0 1-2.122 0l-.585-.585a.5.5 0 0 0-.708 0l-.792.793a.5.5 0 0 1-.708-.708l.793-.792a1.5 1.5 0 0 1 2.122 0l.585.585a.5.5 0 0 0 .708 0l.585-.585a1.5 1.5 0 0 1 2.122 0l.793.792a.5.5 0 0 1-.708.708z"
/>
<path
d="M3.146 12.94a.5.5 0 0 0 .708 0l.585-.586a1.5 1.5 0 0 1 2.122 0l.585.585a.5.5 0 0 0 .708 0l.792-.793a.5.5 0 0 1 .708.708l-.793.792a1.5 1.5 0 0 1-2.122 0l-.585-.585a.5.5 0 0 0-.708 0l-.585.585a1.5 1.5 0 0 1-2.122 0l-.793-.792a.5.5 0 0 1 .708-.708z"
/>
<path
d="M10.06 3.768a1.5 1.5 0 0 0-2.12 0l-.172.171a1.5 1.5 0 0 0 0 2.122L13.708 12l-5.94 5.94a1.5 1.5 0 0 0 0 2.12l.171.172a1.5 1.5 0 0 0 2.122 0l6.997-6.997.174-.174a1.5 1.5 0 0 0 0-2.121zM7.233 3.06a2.5 2.5 0 0 1 3.536 0l7.171 7.171a2.5 2.5 0 0 1 0 3.536l-.171.171-.003.004-6.997 6.996a2.5 2.5 0 0 1-3.536 0l-.171-.171a2.5 2.5 0 0 1 0-3.536L12.293 12 7.06 6.768a2.5 2.5 0 0 1 0-3.536z"
/>
</g>
</g>
</svg>
More icons in the same style and category