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 lineal color style with a white, gray, black, red, teal, and purple 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c0-137.243-111.257-248.5-248.5-248.5S-497-137.243-497 0s111.257 248.5 248.5 248.5S0 137.243 0 0"
transform="translate(504.5 256)"
fill="#d9ecfd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-137.24-111.26-248.5-248.5-248.5-8.31 0-16.53.41-24.64 1.21C-147.47-234.92-49.29-128.92-49.29 0s-98.18 234.92-223.85 247.29c8.11.8 16.33 1.21 24.64 1.21C-111.26 248.5 0 137.24 0 0"
transform="translate(504.5 256)"
fill="#c4e1ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-97.13 0-150.36-119.01-175.72-175.72-22.17 58.04-68.68 179.82 0 248.5C-107.1 72.78-44.98 44.96 0 0"
transform="translate(431.72 431.72)"
fill="#27d1b3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-14.96 0-28.88-2.82-41.82-7.81-35.72 38.95-83.71 66.48-137.84 76.46 1.27 1.4 2.58 2.77 3.94 4.13C-107.1 72.78-44.98 44.96 0 0"
transform="translate(431.72 431.72)"
fill="#20b69f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-68.62-27.82-130.74-72.78-175.72C-72.78-78.59-191.79-25.36-248.5 0-190.46 22.17-68.68 68.68 0 0"
transform="translate(504.5 256)"
fill="#fb3a82"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-68.62-27.82-130.74-72.78-175.72 0 17.91-4.05 34.33-11 49.35C-61.87-89.34-49.29-46.14-49.29 0c0 10.11-.6 20.09-1.77 29.88C-32.34 24.4-14.92 14.92 0 0"
transform="translate(504.5 256)"
fill="#fb1466"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-68.62 0-130.74 27.82-175.72 72.78C-78.59 72.78-25.36 191.79 0 248.5 22.17 190.46 68.68 68.68 0 0"
transform="translate(256 7.5)"
fill="#5169cd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-1.8-2.08-3.7-4.12-5.69-6.11-8.31 0-16.53.41-24.63 1.21C-20.02-3.88-9.9-2.24 0 0"
transform="translate(261.69 13.61)"
fill="#3351c5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-58.04-22.17-179.82-68.68-248.5 0 0 68.62 27.82 130.74 72.78 175.72C-175.72 78.59-56.71 25.36 0 0"
transform="translate(256 256)"
fill="#31a7fb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-64.285-44.918-106.344-119.457-106.344-203.83 0-31.078 5.722-60.816 16.143-88.239"
transform="translate(113.844 459.83)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c42.497-76.022 123.76-127.431 217.043-127.431 137.243 0 248.5 111.257 248.5 248.5s-111.257 248.5-248.5 248.5c-39.817 0-77.439-9.381-110.799-26.028"
transform="translate(38.957 134.931)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-47.177 0-83.994-28.08-112.294-63.458"
transform="translate(431.716 431.716)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-18.791-29.812-32.6-60.67-42.315-82.392-25.365-56.711-78.592-175.716-175.716-175.716"
transform="translate(298.315 338.392)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c68.677 68.677 22.165 190.464 0 248.5S-68.678 428.323 0 497"
transform="translate(256 7.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 97.124-119.005 150.351-175.716 175.716-56.711 25.365-175.716 78.592-175.716 175.716"
transform="translate(431.716 80.284)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-68.677 68.677-190.464 22.165-248.5 0S-428.323-68.678-497 0"
transform="translate(504.5 256)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category