Add icons to this collection by clicking the heart icon.
Rotation icon - also known as update, arrows, refresh, rotate, rotation, recurrent, and ui. 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 24 24"
>
<linearGradient
id="b"
x1="5"
x2="19"
y1="12"
y2="12"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bbdefb" />
<stop offset="1" stop-color="#64b5f6" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#42a5f5" />
<stop offset="1" stop-color="#1e88e5" />
</linearGradient>
<linearGradient
id="c"
x1="10.07"
x2="20"
y1="13.025"
y2="13.025"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="4"
x2="13.93"
y1="10.975"
y2="10.975"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="10"
x2="14"
y1="5"
y2="5"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="10"
x2="14"
y1="19"
y2="19"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<circle cx="12" cy="12" r="7" fill="url(#b)" />
<path
fill="url(#c)"
d="M12 20c-.398 0-.756-.027-1.094-.083a1 1 0 1 1 .327-1.973c.229.037.48.056.767.056 3.309 0 6-2.691 6-6 0-1.603-.624-3.11-1.757-4.243a1 1 0 1 1 1.414-1.414A7.947 7.947 0 0 1 20 12c0 4.411-3.589 8-8 8z"
/>
<path
fill="url(#d)"
d="M7.05 17.95a.997.997 0 0 1-.707-.293A7.947 7.947 0 0 1 4 12c0-4.411 3.589-8 8-8 .398 0 .756.027 1.094.083a1 1 0 1 1-.327 1.973A4.708 4.708 0 0 0 12 6c-3.309 0-6 2.691-6 6 0 1.603.624 3.11 1.757 4.243a1 1 0 0 1-.707 1.707z"
/>
<path
fill="url(#e)"
d="M11 8a1 1 0 0 1-.707-1.707L11.586 5l-1.293-1.293a1 1 0 1 1 1.414-1.414l2 2a1 1 0 0 1 0 1.414l-2 2A.997.997 0 0 1 11 8z"
/>
<path
fill="url(#f)"
d="M13 22a.997.997 0 0 1-.707-.293l-2-2a1 1 0 0 1 0-1.414l2-2a1 1 0 1 1 1.414 1.414L12.414 19l1.293 1.293A1 1 0 0 1 13 22z"
/>
</svg>
More icons in the same style and category