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=".52" stop-color="#9178d9" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<linearGradient
id="b"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(-828.212) rotate(-48.377 -.256 .675)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(700.998 -700.998) rotate(-48.377 -.096 .075)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(-48.377 322.412 227.478) scale(700.998)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(923.853 -923.853) rotate(-48.377 .139 .265)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="url(#b)"
d="M270.178 448.313c-30.132 0-58.28-8.561-82.141-23.385-44.31-27.528-73.841-76.64-73.841-132.597 0-86.089 69.893-155.983 155.982-155.983 18.49 0 36.232 3.222 52.695 9.138 4.415 1.587 9.287-.709 10.874-5.124s-.71-9.287-5.125-10.874c-18.259-6.562-37.937-10.14-58.444-10.14-95.471 0-172.982 77.511-172.982 172.983 0 62.048 32.737 116.512 81.87 147.038 26.467 16.443 57.689 25.944 91.112 25.944 4.692 0 8.5-3.808 8.5-8.5 0-4.691-3.808-8.5-8.5-8.5z"
transform="rotate(180 238.885 268.18)"
/>
<path
fill="url(#c)"
d="m61.319 170.037 57.279-57.279a7.197 7.197 0 0 1 10.174 0 7.197 7.197 0 0 1 0 10.174l-57.278 57.279a7.198 7.198 0 0 1-10.175 0 7.199 7.199 0 0 1 0-10.174z"
transform="matrix(1.181 0 0 -1.181 61.46 604.27)"
/>
<path
fill="url(#d)"
d="m71.494 180.211 57.278-57.279a7.197 7.197 0 0 0 0-10.174 7.197 7.197 0 0 0-10.174 0l-57.279 57.279a7.199 7.199 0 0 0 0 10.174 7.198 7.198 0 0 0 10.175 0z"
transform="translate(61.46 190.46) scale(1.181)"
/>
<path
fill="url(#e)"
d="M68.342 318.417c25.29 0 45.823 20.532 45.823 45.823 0 25.29-20.533 45.823-45.823 45.823-25.291 0-45.824-20.533-45.824-45.823 0-25.291 20.533-45.823 45.824-45.823zm0 18.963c-14.825 0-26.86 12.035-26.86 26.86 0 14.824 12.035 26.86 26.86 26.86 14.824 0 26.86-12.036 26.86-26.86 0-14.825-12.036-26.86-26.86-26.86z"
transform="matrix(.896 0 0 -.896 113.75 406.08)"
/>
</g>
</svg>
More icons in the same style and category