Add icons to this collection by clicking the heart icon.
Loading icon - also known as interface, circle, wait, loading, and ui. Created in a clean flat style with a white, silver, gray, teal, and blue 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="512"
height="512"
viewBox="0 0 512 512"
>
<circle cx="252.194" cy="45.28" r="41.474" fill="#5169cd" />
<circle cx="252.194" cy="466.72" r="41.474" fill="#64b9fc" />
<path
fill="#3351c5"
d="M293.668 45.281c0 22.903-18.571 41.474-41.474 41.474a41.318 41.318 0 0 1-16.175-3.272c14.866-6.304 25.299-21.032 25.299-38.202s-10.433-31.898-25.299-38.202a41.318 41.318 0 0 1 16.175-3.272c22.903-.001 41.474 18.57 41.474 41.474z"
/>
<path
fill="#31a7fb"
d="M293.668 466.719c0 22.903-18.571 41.474-41.474 41.474a41.318 41.318 0 0 1-16.175-3.272c14.866-6.304 25.299-21.032 25.299-38.203 0-17.17-10.433-31.898-25.299-38.202a41.318 41.318 0 0 1 16.175-3.272c22.903.001 41.474 18.573 41.474 41.475z"
/>
<circle cx="146.834" cy="73.511" r="41.474" fill="#6d81d5" />
<circle cx="357.554" cy="438.489" r="41.474" fill="#8dcafc" />
<path
fill="#5169cd"
d="M188.309 73.512c0 22.903-18.571 41.474-41.474 41.474a41.318 41.318 0 0 1-16.175-3.272c14.866-6.304 25.299-21.032 25.299-38.202S145.526 41.614 130.66 35.31a41.318 41.318 0 0 1 16.175-3.272c22.902-.001 41.474 18.571 41.474 41.474z"
/>
<path
fill="#64b9fc"
d="M399.028 438.488c0 22.903-18.571 41.474-41.474 41.474a41.318 41.318 0 0 1-16.175-3.272c14.866-6.304 25.299-21.032 25.299-38.203 0-17.17-10.433-31.898-25.299-38.202a41.318 41.318 0 0 1 16.175-3.272c22.903.001 41.474 18.572 41.474 41.475z"
/>
<circle cx="41.474" cy="256" r="41.474" fill="#1c96f9" />
<circle cx="462.914" cy="256" r="41.474" fill="#c4e1ff" />
<path
fill="#1785f8"
d="M82.949 256c0 22.903-18.571 41.474-41.474 41.474a41.318 41.318 0 0 1-16.175-3.272C40.166 287.898 50.599 273.17 50.599 256c0-17.171-10.433-31.898-25.299-38.202a41.318 41.318 0 0 1 16.175-3.272c22.902 0 41.474 18.571 41.474 41.474z"
/>
<path
fill="#b5dbfd"
d="M504.388 256c0 22.903-18.571 41.474-41.474 41.474a41.318 41.318 0 0 1-16.175-3.272c14.866-6.304 25.299-21.032 25.299-38.203 0-17.17-10.433-31.898-25.299-38.202a41.318 41.318 0 0 1 16.175-3.272c22.903 0 41.474 18.572 41.474 41.475z"
/>
<path
fill="#1c96f9"
d="M453.091 303.917c-.595 0-1.198-.07-1.802-.217a48.915 48.915 0 0 1-5.745-1.777 7.612 7.612 0 0 1 5.39-14.237c1.284.486 2.612.897 3.947 1.221a7.612 7.612 0 0 1-1.79 15.01zm31.28-4.8a7.611 7.611 0 0 1-3.949-14.122 34.307 34.307 0 0 0 3.404-2.357c3.302-2.599 8.088-2.027 10.688 1.277s2.028 8.09-1.277 10.689a49.15 49.15 0 0 1-4.931 3.413 7.584 7.584 0 0 1-3.935 1.1zm-59.22-18.342a7.615 7.615 0 0 1-6.933-4.46 49.018 49.018 0 0 1-2.148-5.609 7.612 7.612 0 0 1 14.525-4.558 33.627 33.627 0 0 0 1.478 3.861 7.612 7.612 0 0 1-6.922 10.766zm78.942-12.102a7.61 7.61 0 0 1-7.566-8.529c.165-1.366.25-2.76.25-4.143 0-4.204 3.407-7.611 7.611-7.611S512 251.797 512 256c0 1.994-.121 4.004-.361 5.977a7.613 7.613 0 0 1-7.546 6.696zm-78.008-24.161a7.612 7.612 0 0 1-6.747-11.124 49.334 49.334 0 0 1 3.086-5.144 7.612 7.612 0 0 1 12.553 8.612 34.21 34.21 0 0 0-2.133 3.554 7.61 7.61 0 0 1-6.759 4.102zm67.719-8.578a7.591 7.591 0 0 1-5.67-2.531 34.475 34.475 0 0 0-2.949-2.911 7.611 7.611 0 1 1 10.017-11.463 49.309 49.309 0 0 1 4.266 4.213 7.61 7.61 0 0 1-5.664 12.692zm-38.619-13.078a7.613 7.613 0 0 1-1.401-15.093c1.957-.368 3.96-.62 5.955-.747a7.611 7.611 0 0 1 .969 15.192 33.944 33.944 0 0 0-4.106.515 7.692 7.692 0 0 1-1.417.133z"
/>
<circle cx="69.706" cy="150.64" r="41.474" fill="#1785f8" />
<circle cx="434.683" cy="361.36" r="41.474" fill="#b5dbfd" />
<path
fill="#1576f7"
d="M111.18 150.64c0 22.903-18.571 41.474-41.474 41.474a41.318 41.318 0 0 1-16.175-3.272c14.866-6.304 25.299-21.032 25.299-38.202s-10.433-31.898-25.299-38.202a41.318 41.318 0 0 1 16.175-3.272c22.903 0 41.474 18.571 41.474 41.474z"
/>
<path
fill="#8dcafc"
d="M476.157 361.36c0 22.903-18.571 41.474-41.474 41.474a41.318 41.318 0 0 1-16.175-3.272c14.866-6.304 25.299-21.032 25.299-38.203 0-17.17-10.433-31.898-25.299-38.202a41.318 41.318 0 0 1 16.175-3.272c22.903 0 41.474 18.572 41.474 41.475z"
/>
<circle cx="434.683" cy="150.64" r="41.474" fill="#d9ecfd" />
<circle cx="69.706" cy="361.36" r="41.474" fill="#31a7fb" />
<path
fill="#c4e1ff"
d="M476.157 150.64c0 22.903-18.571 41.474-41.474 41.474a41.318 41.318 0 0 1-16.175-3.272c14.866-6.304 25.299-21.032 25.299-38.202 0-17.171-10.433-31.898-25.299-38.202a41.318 41.318 0 0 1 16.175-3.272c22.903 0 41.474 18.571 41.474 41.474z"
/>
<path
fill="#1c96f9"
d="M111.18 361.36c0 22.903-18.571 41.474-41.474 41.474a41.318 41.318 0 0 1-16.175-3.272c14.866-6.304 25.299-21.032 25.299-38.203 0-17.17-10.433-31.898-25.299-38.202a41.318 41.318 0 0 1 16.175-3.272c22.903 0 41.474 18.572 41.474 41.475z"
/>
<path
fill="#31a7fb"
d="M450.719 196.515a7.614 7.614 0 0 1-2.945-14.634 33.471 33.471 0 0 0 3.703-1.828 7.613 7.613 0 0 1 7.564 13.212 48.984 48.984 0 0 1-5.384 2.658 7.61 7.61 0 0 1-2.938.592zm-37.108-2.527a7.573 7.573 0 0 1-3.864-1.059 49.253 49.253 0 0 1-4.969-3.36 7.612 7.612 0 0 1 9.279-12.069 34.278 34.278 0 0 0 3.433 2.322 7.611 7.611 0 0 1-3.879 14.166zm62.251-30.676a7.61 7.61 0 0 1-7.566-8.529c.166-1.366.25-2.76.25-4.143 0-4.204 3.407-7.611 7.612-7.611s7.612 3.408 7.612 7.611c0 1.994-.121 4.004-.361 5.977a7.614 7.614 0 0 1-7.547 6.695zm-82.648-5.628h-.103a7.61 7.61 0 0 1-7.509-7.712 49.48 49.48 0 0 1 .441-5.975 7.612 7.612 0 0 1 15.086 2.041 34.595 34.595 0 0 0-.306 4.136 7.611 7.611 0 0 1-7.609 7.51zm67.176-31.977a7.583 7.583 0 0 1-4.717-1.642 34.037 34.037 0 0 0-3.4-2.368 7.611 7.611 0 1 1 7.919-13.001 49.348 49.348 0 0 1 4.925 3.429 7.613 7.613 0 0 1-4.727 13.582zm-45.783-3.751a7.607 7.607 0 0 1-6.663-3.922 7.611 7.611 0 0 1 2.964-10.348 49.075 49.075 0 0 1 5.415-2.582 7.612 7.612 0 0 1 5.699 14.116 33.705 33.705 0 0 0-3.73 1.779 7.573 7.573 0 0 1-3.685.957z"
/>
<circle cx="357.554" cy="73.511" r="41.474" fill="#eaf6ff" />
<circle cx="146.834" cy="438.489" r="41.474" fill="#31a7fb" />
<path
fill="#d9ecfd"
d="M399.028 73.512c0 22.903-18.571 41.474-41.474 41.474a41.318 41.318 0 0 1-16.175-3.272c14.866-6.304 25.299-21.032 25.299-38.202s-10.433-31.898-25.299-38.202a41.318 41.318 0 0 1 16.175-3.272c22.903-.001 41.475 18.571 41.474 41.474z"
/>
<path
fill="#1c96f9"
d="M188.308 438.488c0 22.903-18.571 41.474-41.474 41.474a41.318 41.318 0 0 1-16.175-3.272c14.866-6.304 25.299-21.032 25.299-38.203 0-17.17-10.433-31.898-25.299-38.202a41.318 41.318 0 0 1 16.175-3.272c22.903.001 41.474 18.572 41.474 41.475z"
/>
<path
fill="#8dcafc"
d="M365.829 121.771a7.613 7.613 0 0 1-1.505-15.073 33.686 33.686 0 0 0 3.992-1.069 7.611 7.611 0 0 1 9.635 4.8 7.611 7.611 0 0 1-4.799 9.635 48.88 48.88 0 0 1-5.802 1.554 7.68 7.68 0 0 1-1.521.153zm-41.372-15.657a7.6 7.6 0 0 1-6.076-3.02 49.082 49.082 0 0 1-3.321-5 7.611 7.611 0 1 1 13.173-7.628 34.16 34.16 0 0 0 2.288 3.444 7.612 7.612 0 0 1-6.064 12.204zm74.276-19.93a7.61 7.61 0 0 1-7.566-8.529 34.474 34.474 0 0 0 .215-5.698 7.61 7.61 0 0 1 7.257-7.95c4.205-.201 7.759 3.057 7.95 7.257a49.61 49.61 0 0 1-.31 8.225 7.612 7.612 0 0 1-7.546 6.695zM323.33 57.679a7.611 7.611 0 0 1-6.269-11.917 49.478 49.478 0 0 1 3.691-4.732 7.611 7.611 0 0 1 11.409 10.078 34.01 34.01 0 0 0-2.547 3.265 7.605 7.605 0 0 1-6.284 3.306zm50.367-14.769a7.587 7.587 0 0 1-2.961-.603 33.75 33.75 0 0 0-3.902-1.374 7.612 7.612 0 0 1 4.162-14.642 48.897 48.897 0 0 1 5.668 1.996 7.61 7.61 0 0 1-2.967 14.623zM146.834 487.575c-27.066 0-49.086-22.02-49.086-49.086s22.02-49.086 49.086-49.086c27.065 0 49.085 22.02 49.085 49.086.001 27.066-22.019 49.086-49.085 49.086z"
/>
</svg>
More icons in the same style and category