Add icons to this collection by clicking the heart icon.
Cycle icon - also known as interface, arrows, cycle, and ui. 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 200 200"
>
<linearGradient id="a">
<stop offset="0" stop-color="#dcadfd" />
<stop offset=".276" stop-color="#daa9fd" />
<stop offset=".545" stop-color="#d59dfd" />
<stop offset=".81" stop-color="#cd8afc" />
<stop offset="1" stop-color="#c577fc" />
</linearGradient>
<radialGradient
id="b"
cx="127.693"
cy="62.689"
r="29.478"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="c"
cx="128.414"
cy="47.116"
r="10.57"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="d"
cx="100"
cy="103.234"
r="66.546"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="e"
cx="68.987"
cy="113.093"
r="24.023"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="f"
cx="92.894"
cy="143.472"
r="2.989"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M131.477 84.874c.327 5.814-4.56 9.371-10.083 8.735-5.336-.618-9.09-4.878-11.664-9.25-2.537-4.306-4.175-9.1-5.692-13.845-1.6-5.065-3.435-10.298-4.081-15.597-1.47-12.254 8.49-16.72 18.554-19.369 9.352-2.452 22.412-6.468 31.558-1.441 4.128 2.265 6.852 7.386 4.812 11.983-1.573 3.576-6.01 6-9.886 5.233l-.627.103c-.14-.225-.225-.384-.225-.468 0-.02 0-.038.01-.047.009-.319 5.045-2.247 5.57-2.678 2.134-1.732 3.098-4.24 2.05-6.871-1.976-4.962-8.65-4.933-13.078-4.596-6.02.468-11.88 2.097-17.665 3.725-4.896 1.386-11.815 2.547-14.548 7.415-2.762 4.915.047 11.73 1.395 16.682 1.638 5.991 3.192 12.217 6.122 17.73 2.2 4.157 7.115 9.961 12.507 7.012 2.36-1.291 2.78-4.165 2.668-6.609-.065-1.282-.777-3.033-.384-4.269 1.742.918 3.099 3.511 4.1 5.72z"
/>
<path
fill="url(#c)"
d="M138.124 42.448c2.79.178 4.474.777 4.474 1.395-.018 1.292-6.497 2.134-14.06 4.24-7.584 2.023-13.584 4.588-14.258 3.483-.31-.534.833-1.9 3.145-3.473 2.303-1.563 5.804-3.295 9.914-4.41 4.12-1.123 8.004-1.413 10.784-1.235z"
/>
<path
fill="url(#d)"
d="M118.839 127.291c14.248-9.109 18.489-27.064 12.638-42.417l1.413-.702c.337.74.628 1.432.88 2.013 1.816 4.175 2.95 8.828 3.127 13.387.365 9.09-2.949 18.17-8.903 25.032-12.497 14.408-34.759 16.551-49.99 5.205-13.743-10.222-18.76-29.198-12.039-44.907 2.93-6.843 7.61-11.964 13.696-16.102 2.593-1.769 6.684-4.278 7.93-7.386 1.16-2.92-.132-6.862-1.424-9.492-8.294-16.832-26.792.552-33.851 9.408-9.717 12.198-14.529 27.879-13.415 43.419 2.49 34.796 34.684 60.924 69.125 57.067 30.837-3.454 56.956-31.248 55.973-62.862-.113-9.811-2.238-19.519-6.497-28.365-2.125-4.41-4.718-8.576-7.677-12.47-.44-.571-4.465-5.13-5.457-6.693l.627-.103c12.61 8.668 19.95 25.088 22.224 39.74 5.654 36.266-20.427 70.95-56.59 76.473-35.948 5.495-70.708-19.135-77.467-54.905-3.295-17.46.571-35.76 10.335-50.552 4.756-7.2 10.925-13.509 17.975-18.461 6.169-4.344 13.901-7.368 21.231-4.035 7.265 3.305 11.918 11.992 11.59 19.847-.318 7.657-7.208 11.73-12.89 15.633-13.921 9.558-16.43 30.126-6.882 43.615 9.99 14.099 29.78 17.919 44.318 8.613z"
/>
<path
fill="url(#e)"
d="M82.638 141.034c1.591.927 2.49 1.498 2.387 1.807-.093.29-1.18.28-3.042-.169-1.863-.44-4.503-1.357-7.555-2.967s-6.497-3.988-9.755-7.274c-7.124-7.115-11.215-17.057-11.683-27.064a46.128 46.128 0 0 1 1.03-12.058c1.498-6.712 3.773-10.4 4.325-10.148.945.375-1.19 10.616-1.32 11.983-.524 5.486-.112 11.009 1.31 16.336 2.753 10.241 9.081 19.397 17.769 25.472 2.64 1.844 4.933 3.155 6.534 4.082z"
/>
<path
fill="url(#f)"
d="M89.065 142.668c-.177.418.079.994.754 1.509.666.51 1.764.933 3.023.96 1.258.034 2.376-.331 3.066-.81.7-.478.985-1.041.829-1.468-.158-.434-.693-.672-1.375-.818-.688-.143-1.526-.204-2.438-.228-.912-.02-1.75-.003-2.445.108-.688.11-1.235.321-1.414.747z"
/>
</svg>
More icons in the same style and category