Add icons to this collection by clicking the heart icon.
Rotate Arrow icon - also known as arrows, position, ui, rotate arrow, and direction arrow. 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="1" stop-color="#6a82fb" />
</linearGradient>
<linearGradient
id="b"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(-1054.222) rotate(48.971 .532 -.807)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(1027.843) rotate(48.971 .233 -.263)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(1027.843 -1027.843) rotate(48.971 .607 -.433)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(1027.843) rotate(-41.029 .677 .496)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(1027.843 -1027.843) rotate(-41.029 .221 .325)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(1354.611) rotate(-86.03 .47 .417)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="url(#b)"
d="M40.5 480V284.277c0-4.691-3.809-8.5-8.5-8.5s-8.5 3.809-8.5 8.5V480c0 4.691 3.809 8.5 8.5 8.5s8.5-3.809 8.5-8.5zM60.277 264.5H256c4.691 0 8.5-3.809 8.5-8.5s-3.809-8.5-8.5-8.5H60.277c-4.691 0-8.5 3.809-8.5 8.5s3.809 8.5 8.5 8.5z"
transform="rotate(90 227.63 367)"
/>
<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(-90 311.25 152.24) 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(0 -1.026 -1.026 0 518.24 463.49)"
/>
<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="translate(46.51 -8.24) 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(1.026 0 0 -1.026 46.51 350.99)"
/>
<path
fill="url(#g)"
d="M68.342 316.976c-26.086 0-47.264 21.178-47.264 47.264 0 26.085 21.178 47.264 47.264 47.264 26.085 0 47.264-21.179 47.264-47.264 0-26.086-21.179-47.264-47.264-47.264zm0 21.844c14.029 0 25.42 11.39 25.42 25.42 0 14.029-11.391 25.42-25.42 25.42-14.03 0-25.42-11.391-25.42-25.42 0-14.03 11.39-25.42 25.42-25.42z"
transform="matrix(.55 .55 -.55 .55 501.46 -66.68)"
/>
</g>
</svg>
More icons in the same style and category