Add icons to this collection by clicking the heart icon.
Loading icon - also known as reload, refresh, shapes, rotate, status, loading, dots, restart, load, ui, circle loading, and fidget spinner. Created in a clean lineal color style with a white, silver, gray, and black 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-29.271 23.729-53 53-53s53 23.729 53 53-23.729 53-53 53S0 29.271 0 0"
transform="translate(52.5 128.5)"
fill="#8d9ca8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-25.405 20.595-46 46-46S92-25.405 92 0 71.405 46 46 46 0 25.405 0 0"
transform="translate(400.5 168.5)"
fill="#c5d3dd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-20.987 17.013-38 38-38S76-20.987 76 0 58.987 38 38 38 0 20.987 0 0"
transform="translate(366.5 392.5)"
fill="#e8eef2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-30.307 25.182-54.874 56.245-54.874S112.489-30.307 112.489 0c0 30.306-25.181 54.874-56.244 54.874S0 30.306 0 0"
transform="translate(7.5 259.746)"
fill="#798c98"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-28.239 0-51.132-22.308-51.132-49.825 0-27.517 22.893-49.824 51.132-49.824 28.239 0 51.132 22.307 51.132 49.824S28.239 0 0 0"
transform="translate(225.321 107.15)"
fill="#a0adba"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-18.97-18.471-18.97-48.418 0-66.889 18.97-18.47 49.726-18.47 68.695 0 18.97 18.471 18.97 48.418 0 66.889C49.726 18.471 18.97 18.471 0 0"
transform="translate(322.382 110.071)"
fill="#b6c4cf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-22.964-22.415-22.964-58.757 0-81.171 22.963-22.415 60.194-22.415 83.158 0 22.963 22.414 22.963 58.756 0 81.171C60.194 22.415 22.963 22.415 0 0"
transform="translate(83.013 430.292)"
fill="#596c76"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c16.973-16.658 44.491-16.658 61.465 0a42.098 42.098 0 0 1 0 60.324C44.491 76.981 16.973 76.981 0 60.324A42.098 42.098 0 0 1 0 0"
transform="translate(430.306 257.861)"
fill="#d9e7ec"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-34.241 27.759-62 62-62s62 27.759 62 62-27.759 62-62 62S0 34.241 0 0"
transform="translate(208.5 442.5)"
fill="#475a61"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-29.271 23.729-53 53-53s53 23.729 53 53-23.729 53-53 53S0 29.271 0 0Z"
transform="translate(52.5 128.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 0c.803-24.701 21.08-44.479 45.976-44.479 25.405 0 46 20.595 46 46 0 25.406-20.595 46-46 46-13.257 0-25.205-5.608-33.599-14.581"
transform="translate(400.524 166.978)"
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-20.987 17.013-38 38-38S76-20.987 76 0 58.987 38 38 38 0 20.987 0 0Z"
transform="translate(366.5 392.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-30.307 25.182-54.874 56.245-54.874S112.489-30.307 112.489 0c0 30.306-25.181 54.874-56.244 54.874S0 30.306 0 0Z"
transform="translate(7.5 259.746)"
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 0c7.492-18.449 25.964-31.499 47.563-31.499 28.239 0 51.131 22.308 51.131 49.824 0 27.518-22.892 49.825-51.131 49.825-22.439 0-41.501-14.084-48.386-33.674"
transform="translate(177.759 38.999)"
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.97-18.471-18.97-48.418 0-66.889 18.97-18.47 49.726-18.47 68.695 0 18.97 18.471 18.97 48.418 0 66.889C49.726 18.471 18.97 18.471 0 0Z"
transform="translate(322.382 110.071)"
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 0a58.77 58.77 0 0 1-20.197-12.897c-22.964-22.416-22.964-58.757 0-81.171 22.963-22.415 60.194-22.415 83.158 0 22.963 22.414 22.963 58.755 0 81.171C54.947-5.075 45.197.017 34.922 2.38"
transform="translate(103.21 443.19)"
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 0c16.973-16.658 44.491-16.658 61.465 0a42.098 42.098 0 0 1 0 60.324C44.491 76.981 16.973 76.981 0 60.324A42.098 42.098 0 0 1 0 0Z"
transform="translate(430.306 257.861)"
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-2.232 32.212-29.07 57.649-61.85 57.649-34.241 0-62-27.758-62-62 0-34.241 27.759-62 62-62 23.417 0 43.802 12.983 54.351 32.142"
transform="translate(332.35 446.85)"
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