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=".51" stop-color="#9078da" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<linearGradient
id="b"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(124.225 242.151 120.248) scale(855.569)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(724.152 -724.152) rotate(-55.775 -.097 .035)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(-55.775 260.476 200.76) scale(724.152)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(954.369 -954.369) rotate(-55.775 .091 .209)"
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="translate(34.23 -24.36)"
/>
<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 450.54 -92.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="rotate(180 225.27 160.77) 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 398.25 105.92)"
/>
</g>
</svg>
More icons in the same style and category