Add icons to this collection by clicking the heart icon.
Arrow Right icon - also known as arrow, button, direction, right arrow, right, ui, and point. Created in a clean flat gradient style, 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 64 64"
>
<linearGradient
id="a"
x1="27.422"
x2="27.422"
y1="65.228"
y2="9.977"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1a125f" />
<stop offset=".205" stop-color="#423795" />
<stop offset=".681" stop-color="#ed1a58" />
<stop offset="1" stop-color="#54c2ef" />
</linearGradient>
<linearGradient
id="b"
x1="40.149"
x2="40.149"
y1="65.228"
y2="9.977"
href="#a"
/>
<linearGradient id="c" x1="32" x2="32" y1="65.228" y2="9.977" href="#a" />
<path
fill="url(#a)"
d="M19.687 15.651a1.5 1.5 0 0 0-1.061 2.56l13.081 13.082a1 1 0 0 1 0 1.414L18.626 45.789a1.5 1.5 0 0 0 0 2.121 1.535 1.535 0 0 0 2.121 0L36.657 32l-15.91-15.91a1.49 1.49 0 0 0-1.06-.439z"
/>
<path
fill="url(#b)"
d="M31.354 16.09a1.5 1.5 0 0 0 0 2.121l13.081 13.082a1 1 0 0 1 0 1.414L31.354 45.789a1.5 1.5 0 0 0 0 2.121 1.534 1.534 0 0 0 2.121 0L49.385 32l-15.91-15.91a1.535 1.535 0 0 0-2.121 0z"
/>
<path
fill="url(#c)"
d="M32 4a28 28 0 1 0 28 28A28.032 28.032 0 0 0 32 4zm-2.079 2.082A26.733 26.733 0 0 1 32 6a1 1 0 0 1 0 2c-.638 0-1.284.025-1.921.076h-.08a1 1 0 0 1-.078-2zM8 32a1 1 0 0 1-2 0A25.953 25.953 0 0 1 25.76 6.757a1 1 0 1 1 .48 1.943A23.959 23.959 0 0 0 8 32zm11.687 18.349a3.5 3.5 0 0 1-2.475-5.975L29.586 32 17.212 19.625a3.5 3.5 0 0 1 0-4.949 3.585 3.585 0 0 1 4.949 0l15.91 15.911a2 2 0 0 1 0 2.828l-15.91 15.91a3.477 3.477 0 0 1-2.474 1.024zM50.8 33.414l-15.91 15.91a3.5 3.5 0 0 1-4.95 0 3.5 3.5 0 0 1 0-4.95L42.313 32 29.939 19.625a3.5 3.5 0 0 1 0-4.949 3.585 3.585 0 0 1 4.95 0L50.8 30.586a2 2 0 0 1 0 2.828z"
/>
</svg>
More icons in the same style and category