Add icons to this collection by clicking the heart icon.
Go Right icon - also known as arrows, position, ui, direction arrow, and go right. Created in a clean 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 512 512"
>
<linearGradient id="a">
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".49" stop-color="#8d79dd" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<linearGradient
id="b"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(87.847 136.141 113.587) scale(1062.64)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(-1036.051) rotate(87.847 .083 -.366)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(-1036.051 1036.051) rotate(87.847 -.092 -.197)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(1036.051) rotate(-2.153 4.702 2.614)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(1036.051 -1036.051) rotate(-2.153 -4.294 2.445)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(939.905) rotate(87.847 .159 .109)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(-2.153 9703.634 13635.437) scale(1048.45)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="url(#b)"
d="M264.5 480v-75.192A140.308 140.308 0 0 1 404.808 264.5H480c4.691 0 8.5-3.809 8.5-8.5s-3.809-8.5-8.5-8.5h-75.192A157.308 157.308 0 0 0 247.5 404.808V480c0 4.691 3.809 8.5 8.5 8.5s8.5-3.809 8.5-8.5z"
transform="translate(-81.92 -112.9)"
/>
<path
fill="url(#c)"
d="m72.267 180.984 57.278-57.279c3.234-3.234 3.234-8.486 0-11.72s-8.486-3.234-11.72 0l-57.278 57.279a8.29 8.29 0 0 0 0 11.72c3.234 3.234 8.485 3.234 11.72 0z"
transform="rotate(180 233.1 161.355) scale(1.026)"
/>
<path
fill="url(#d)"
d="m60.547 169.264 57.278-57.279c3.234-3.234 8.486-3.234 11.72 0s3.234 8.486 0 11.72l-57.278 57.279c-3.235 3.234-8.486 3.234-11.72 0a8.29 8.29 0 0 1 0-11.72z"
transform="matrix(-1.026 0 0 1.026 466.2 -36.52)"
/>
<path
fill="url(#e)"
d="m72.267 180.984 57.278-57.279c3.234-3.234 3.234-8.486 0-11.72s-8.486-3.234-11.72 0l-57.278 57.279a8.29 8.29 0 0 0 0 11.72c3.234 3.234 8.485 3.234 11.72 0z"
transform="rotate(90 195.54 156.74) scale(1.026)"
/>
<path
fill="url(#f)"
d="m60.547 169.264 57.278-57.279c3.234-3.234 8.486-3.234 11.72 0s3.234 8.486 0 11.72l-57.278 57.279c-3.235 3.234-8.486 3.234-11.72 0a8.29 8.29 0 0 1 0-11.72z"
transform="matrix(0 1.026 1.026 0 -6.95 -38.8)"
/>
<path
fill="url(#g)"
d="M248.482 98.669v332.325c0 4.149 3.369 7.518 7.518 7.518s7.518-3.369 7.518-7.518V98.669c0-4.149-3.369-7.518-7.518-7.518s-7.518 3.369-7.518 7.518z"
transform="translate(-115.34 -82.25) scale(1.131)"
/>
<path
fill="url(#h)"
d="M68.342 319.512c-24.686 0-44.728 20.042-44.728 44.728s20.042 44.728 44.728 44.728 44.728-20.042 44.728-44.728-20.042-44.728-44.728-44.728zm0 16.773c15.429 0 27.955 12.526 27.955 27.955s-12.526 27.955-27.955 27.955-27.956-12.526-27.956-27.955 12.527-27.955 27.956-27.955z"
transform="rotate(90 84.62 457.21) scale(1.014)"
/>
</g>
</svg>
More icons in the same style and category