Add icons to this collection by clicking the heart icon.
Arrow Button icon - also known as arrows, arrow, navigation, right arrow, way, right, stop, arrow button, and direction arrow. Created in a clean outline color style with a 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 32 32"
>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<g fill="#4caee5">
<path
d="m24.285 14.332-4.464-3.255a2.02 2.02 0 0 0-2.94 2.637l1.246 2.168a.237.237 0 0 1 0 .236l-1.246 2.168a2.02 2.02 0 0 0 2.94 2.637l4.464-3.255a2.063 2.063 0 0 0 0-3.336zM12.179 11.077l-4.464 3.255a2.063 2.063 0 0 0 0 3.336l4.464 3.255a2.02 2.02 0 0 0 2.94-2.637l-1.246-2.168a.237.237 0 0 1 0-.236l1.246-2.168a2.02 2.02 0 0 0-2.94-2.637zM1.25 3.718v24.564a2.5 2.5 0 0 0 5 0V3.718a2.5 2.5 0 0 0-5 0zM25.75 3.718v24.564a2.5 2.5 0 0 0 5 0V3.718a2.5 2.5 0 0 0-5 0z"
/>
</g>
<path
fill="#37474f"
d="m24.285 14.332-4.464-3.255a2.02 2.02 0 0 0-2.94 2.637l1.246 2.168a.237.237 0 0 1 0 .236l-1.246 2.168a2.02 2.02 0 0 0 2.94 2.637l4.464-3.255a2.063 2.063 0 0 0 0-3.336zm-.884 1.212a.564.564 0 0 1 0 .912l-4.464 3.255a.518.518 0 0 1-.755-.677l1.246-2.169a1.74 1.74 0 0 0 0-1.73l-1.246-2.168a.519.519 0 0 1 .755-.678zM12.179 11.077l-4.464 3.255a2.063 2.063 0 0 0 0 3.336l4.464 3.255a2.02 2.02 0 0 0 2.94-2.637l-1.246-2.168a.237.237 0 0 1 0-.236l1.246-2.168a2.02 2.02 0 0 0-2.94-2.637zm-3.58 4.467 4.464-3.255a.518.518 0 0 1 .755.677l-1.246 2.169a1.74 1.74 0 0 0 0 1.73l1.246 2.168a.519.519 0 0 1-.755.678l-4.464-3.255a.564.564 0 0 1 0-.912zM1.25 3.718v24.564a2.5 2.5 0 0 0 5 0V3.718a2.5 2.5 0 0 0-5 0zm1.5 0a1 1 0 0 1 2 0v24.564a1 1 0 0 1-2 0zM25.75 3.718v24.564a2.5 2.5 0 0 0 5 0V3.718a2.5 2.5 0 0 0-5 0zm1.5 0a1 1 0 0 1 2 0v24.564a1 1 0 0 1-2 0z"
/>
</g>
</svg>
More icons in the same style and category