Add icons to this collection by clicking the heart icon.
Loading icon - also known as interface, loading, settings, process, percentage, load, and ui. Created in a clean lineal color style with a white, gray, teal, orange, and pink finish, 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="100"
height="100"
viewBox="0 0 512 512"
>
<circle cx="256" cy="256" r="112.5" fill="#f1ebe0" />
<path
d="M133.5 281h-101c-13.807 0-25-11.193-25-25s11.193-25 25-25h101v50zM378.5 281h101c13.807 0 25-11.193 25-25s-11.193-25-25-25h-101v50z"
fill="#5b5b75"
/>
<path
d="M479.5 231h-28.872c13.807 0 25 11.193 25 25s-11.193 25-25 25H479.5c13.807 0 25-11.193 25-25s-11.193-25-25-25z"
fill="#445"
/>
<path
d="M256 91v60c-28.95 0-55.2 11.78-74.21 30.79l-42.46-42.46C169.18 109.47 210.44 91 256 91z"
fill="#ff7b48"
/>
<path
d="M256 91v30c-37.28 0-71.03 15.11-95.46 39.54l-21.21-21.21C169.18 109.47 210.44 91 256 91z"
fill="#ff5a51"
/>
<path
d="m372.67 139.33-42.46 42.46C311.2 162.78 284.95 151 256 151V91c45.56 0 86.82 18.47 116.67 48.33z"
fill="#0087d5"
/>
<path
d="m372.67 139.33-21.21 21.21C327.03 136.11 293.28 121 256 121V91c45.56 0 86.82 18.47 116.67 48.33z"
fill="#006ecb"
/>
<path
d="M421 256h-60c0-28.95-11.78-55.2-30.79-74.21l42.46-42.46C402.53 169.18 421 210.44 421 256z"
fill="#e75955"
/>
<path
d="M421 256h-30c0-37.28-15.11-71.03-39.54-95.46l21.21-21.21C402.53 169.18 421 210.44 421 256z"
fill="#a85759"
/>
<path
d="M421 256c0 45.56-18.47 86.82-48.33 116.67l-42.46-42.46C349.22 311.2 361 284.95 361 256h60z"
fill="#ffd681"
/>
<path
d="M421 256c0 45.56-18.47 86.82-48.33 116.67l-21.21-21.21C375.89 327.03 391 293.28 391 256h30z"
fill="#ffbd2a"
/>
<path
d="M372.67 372.67C342.82 402.53 301.56 421 256 421v-60c28.95 0 55.2-11.78 74.21-30.79l42.46 42.46z"
fill="#ff7b48"
/>
<path
d="M372.67 372.67C342.82 402.53 301.56 421 256 421v-30c37.28 0 71.03-15.11 95.46-39.54l21.21 21.21z"
fill="#ff5a51"
/>
<path
d="M256 361v60c-45.56 0-86.82-18.47-116.67-48.33l42.46-42.46C200.8 349.22 227.05 361 256 361z"
fill="#0087d5"
/>
<path
d="M256 391v30c-45.56 0-86.82-18.47-116.67-48.33l21.21-21.21C184.97 375.89 218.72 391 256 391z"
fill="#006ecb"
/>
<path
d="m181.79 330.21-42.46 42.46C109.47 342.82 91 301.56 91 256h60c0 28.95 11.78 55.2 30.79 74.21z"
fill="#e75955"
/>
<path
d="m160.54 351.46-21.21 21.21C109.47 342.82 91 301.56 91 256h30c0 37.28 15.11 71.03 39.54 95.46z"
fill="#a85759"
/>
<path
d="M181.79 181.79C162.78 200.8 151 227.05 151 256H91c0-45.56 18.47-86.82 48.33-116.67l42.46 42.46z"
fill="#ffd681"
/>
<path
d="M160.54 160.54C136.11 184.97 121 218.72 121 256H91c0-45.56 18.47-86.82 48.33-116.67l21.21 21.21z"
fill="#ffbd2a"
/>
<circle cx="220" cy="222.5" r="15" fill="#f1ebe0" />
<circle cx="292" cy="289.5" r="15" fill="#f1ebe0" />
<path
d="M502.483 233.017c-6.137-6.137-14.299-9.517-22.983-9.517h-54.05c-6.389-33.7-22.693-64.697-47.478-89.474a7.499 7.499 0 0 0-35.687-18.891 7.5 7.5 0 0 0 1.997 10.417 158.473 158.473 0 0 1 17.654 13.905l-31.9 31.9c-18.651-16.369-41.833-25.988-66.538-27.61V98.674c18.616.865 36.682 4.958 53.805 12.201a7.5 7.5 0 0 0 5.844-13.815C301.875 88.062 279.283 83.5 256 83.5c-46.083 0-89.4 17.943-121.972 50.525l-.001.001-.001.001c-24.784 24.776-41.086 55.773-47.475 89.472H32.5c-8.685 0-16.847 3.38-22.982 9.516C3.38 239.153 0 247.315 0 256c0 17.92 14.579 32.5 32.5 32.5h54.061a171.074 171.074 0 0 0 10.243 34.039 7.5 7.5 0 1 0 13.837-5.79c-7.097-16.959-11.111-34.838-11.968-53.249h45.071c1.622 24.705 11.241 47.887 27.61 66.538l-31.9 31.9a158.576 158.576 0 0 1-14.226-18.13 7.5 7.5 0 0 0-12.445 8.374 173.681 173.681 0 0 0 21.241 25.79l.001.001.001.001C166.6 410.557 209.916 428.5 256 428.5s89.4-17.943 121.972-50.525l.001-.001.001-.001c24.784-24.776 41.086-55.772 47.476-89.472H432c4.143 0 7.5-3.358 7.5-7.5s-3.357-7.5-7.5-7.5h-4.375c.578-5.777.875-11.616.875-17.5s-.297-11.723-.875-17.5H479.5c4.678 0 9.073 1.819 12.377 5.124A17.378 17.378 0 0 1 497 256c0 9.649-7.851 17.5-17.5 17.5h-15.125c-4.143 0-7.5 3.358-7.5 7.5s3.357 7.5 7.5 7.5H479.5c17.921 0 32.5-14.58 32.5-32.5 0-8.685-3.38-16.847-9.517-22.983zM372.548 361.941l-31.903-31.903c16.369-18.651 25.988-41.833 27.61-66.538h45.071c-1.712 36.771-15.991 71.242-40.778 98.441zm0-211.882c24.787 27.2 39.066 61.671 40.778 98.441h-45.071c-1.622-24.705-11.241-47.886-27.61-66.538l31.903-31.903zM248.5 143.745c-24.705 1.623-47.886 11.241-66.538 27.61l-31.903-31.903c27.2-24.788 61.671-39.066 98.441-40.778v45.071zM32.5 273.5c-9.649 0-17.5-7.851-17.5-17.5 0-4.678 1.819-9.073 5.124-12.377A17.382 17.382 0 0 1 32.5 238.5h51.875a175.31 175.31 0 0 0 0 35H32.5zm66.174-25c1.712-36.77 15.991-71.241 40.778-98.441l31.903 31.903c-16.369 18.651-25.988 41.833-27.61 66.538H98.674zM158.5 256c0-25.996 10.154-50.467 28.594-68.907C205.532 168.655 230.004 158.5 256 158.5s50.468 10.155 68.906 28.593c18.44 18.44 28.594 42.911 28.594 68.907 0 25.997-10.154 50.468-28.594 68.907C306.469 343.345 281.997 353.5 256 353.5s-50.469-10.155-68.906-28.593C168.654 306.468 158.5 281.997 158.5 256zm23.462 84.645c18.652 16.371 41.83 25.989 66.538 27.61v45.071c-36.771-1.711-71.241-15.99-98.441-40.778l31.903-31.903zm81.538 27.61c24.708-1.622 47.885-11.24 66.538-27.61l31.903 31.903c-27.2 24.788-61.671 39.066-98.441 40.778v-45.071z"
/>
<path
d="M220 245c12.406 0 22.5-10.093 22.5-22.5S232.406 200 220 200s-22.5 10.093-22.5 22.5S207.594 245 220 245zm0-30c4.136 0 7.5 3.364 7.5 7.5s-3.364 7.5-7.5 7.5-7.5-3.364-7.5-7.5 3.364-7.5 7.5-7.5zM269.5 289.5c0 12.407 10.094 22.5 22.5 22.5s22.5-10.093 22.5-22.5S304.406 267 292 267s-22.5 10.093-22.5 22.5zm30 0c0 4.136-3.364 7.5-7.5 7.5s-7.5-3.364-7.5-7.5 3.364-7.5 7.5-7.5 7.5 3.364 7.5 7.5zM213.22 298.78c1.465 1.464 3.385 2.197 5.304 2.197s3.839-.732 5.304-2.197l74.953-74.953a7.5 7.5 0 0 0-10.607-10.606l-74.953 74.953a7.498 7.498 0 0 0-.001 10.606z"
/>
</svg>
More icons in the same style and category