Add icons to this collection by clicking the heart icon.
Loading icon - also known as reload, refresh, shapes, rotate, loading, circles, load, ui, and fidget spinner. Created in a clean lineal color style with a white, silver, black, blue, 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 0c-8.567 0-15.513 6.945-15.513 15.513V48.39c0 8.567 6.946 15.512 15.513 15.512s15.513-6.945 15.513-15.512V15.513C15.513 6.945 8.567 0 0 0"
transform="translate(256 440.598)"
fill="#00e4ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-8.567 0-15.513 6.945-15.513 15.513V48.39c0 8.567 6.946 15.512 15.513 15.512s15.513-6.945 15.513-15.512V15.513C15.513 6.945 8.567 0 0 0"
transform="translate(256 7.5)"
fill="#5c27d2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-7.42-4.284-16.907-1.741-21.191 5.678L-37.629 34.15c-4.284 7.42-1.742 16.908 5.678 21.191 7.42 4.284 16.907 1.742 21.191-5.678L5.678 21.191C9.962 13.771 7.42 4.284 0 0"
transform="translate(163.701 415.866)"
fill="#44f3ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-7.42-4.284-16.907-1.742-21.191 5.678l-16.438 28.471c-4.284 7.42-1.742 16.908 5.678 21.192 7.42 4.284 16.907 1.741 21.191-5.678L5.678 21.19C9.962 13.771 7.42 4.283 0 0"
transform="translate(380.25 40.793)"
fill="#006aff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-4.284-7.42-13.771-9.962-21.191-5.678l-28.472 16.439c-7.42 4.283-9.962 13.77-5.678 21.19 4.284 7.42 13.771 9.962 21.191 5.678l28.472-16.438C1.742 16.907 4.284 7.42 0 0"
transform="translate(96.134 348.299)"
fill="#83fcff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-4.284-7.42-13.771-9.962-21.191-5.678L-49.663 10.76c-7.42 4.284-9.962 13.771-5.678 21.191 4.283 7.42 13.771 9.962 21.191 5.678L-5.678 21.19C1.741 16.907 4.284 7.42 0 0"
transform="translate(471.207 131.75)"
fill="#09f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.567-6.945-15.513-15.513-15.513H-48.39c-8.567 0-15.512 6.946-15.512 15.513s6.945 15.513 15.512 15.513h32.877C-6.945 15.513 0 8.567 0 0"
transform="translate(71.402 256)"
fill="#b9ffff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.567-6.945-15.513-15.513-15.513H-48.39c-8.567 0-15.512 6.946-15.512 15.513s6.945 15.513 15.512 15.513h32.877C-6.945 15.513 0 8.567 0 0"
transform="translate(504.5 256)"
fill="#00b8ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c4.284-7.42 1.742-16.907-5.678-21.19L-34.15-37.629c-7.42-4.284-16.908-1.742-21.191 5.678-4.284 7.42-1.742 16.907 5.678 21.191l28.472 16.438C-13.771 9.962-4.284 7.42 0 0"
transform="translate(96.134 163.701)"
fill="#ab8bff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c4.284-7.42 1.741-16.907-5.678-21.191L-34.15-37.629c-7.42-4.284-16.908-1.742-21.191 5.678-4.284 7.42-1.742 16.907 5.678 21.19l28.472 16.439C-13.771 9.962-4.284 7.42 0 0"
transform="translate(471.207 380.25)"
fill="#00cfff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c7.419-4.284 9.962-13.771 5.678-21.191L-10.76-49.663c-4.284-7.42-13.772-9.962-21.191-5.678-7.42 4.283-9.962 13.772-5.678 21.191l16.438 28.472C-16.907 1.741-7.42 4.284 0 0"
transform="translate(163.701 96.134)"
fill="#7a3dff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c7.42-4.283 9.962-13.771 5.678-21.19L-10.76-49.663c-4.284-7.419-13.771-9.962-21.191-5.678-7.42 4.284-9.962 13.772-5.678 21.192l16.438 28.471C-16.907 1.742-7.419 4.284 0 0"
transform="translate(380.25 471.207)"
fill="#00cfff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v0c-8.567 0-15.513 6.945-15.513 15.513V48.39c0 8.567 6.946 15.512 15.513 15.512s15.513-6.945 15.513-15.512V15.513C15.513 6.945 8.567 0 0 0Z"
transform="translate(256 440.598)"
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 0v0c-8.567 0-15.513 6.945-15.513 15.513V48.39c0 8.567 6.946 15.512 15.513 15.512s15.513-6.945 15.513-15.512V15.513C15.513 6.945 8.567 0 0 0Z"
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 0v0c-7.42-4.284-16.907-1.741-21.191 5.678L-37.629 34.15c-4.284 7.42-1.742 16.908 5.678 21.191 7.42 4.284 16.907 1.742 21.191-5.678L5.678 21.191C9.962 13.771 7.42 4.284 0 0Z"
transform="translate(163.701 415.866)"
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 0v0c-7.42-4.284-16.907-1.742-21.191 5.678l-16.438 28.471c-4.284 7.42-1.742 16.908 5.678 21.192 7.42 4.284 16.907 1.741 21.191-5.678L5.678 21.19C9.962 13.771 7.42 4.283 0 0Z"
transform="translate(380.25 40.793)"
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 0v0c-4.284-7.42-13.771-9.962-21.191-5.678l-28.472 16.439c-7.42 4.283-9.962 13.77-5.678 21.19 4.284 7.42 13.771 9.962 21.191 5.678l28.472-16.438C1.742 16.907 4.284 7.42 0 0Z"
transform="translate(96.134 348.299)"
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 0v0c-4.284-7.42-13.771-9.962-21.191-5.678L-49.663 10.76c-7.42 4.284-9.962 13.771-5.678 21.191 4.283 7.42 13.771 9.962 21.191 5.678L-5.678 21.19C1.741 16.907 4.284 7.42 0 0Z"
transform="translate(471.207 131.75)"
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 0v0c0-8.567-6.945-15.513-15.513-15.513H-48.39c-8.567 0-15.512 6.946-15.512 15.513s6.945 15.513 15.512 15.513h32.877C-6.945 15.513 0 8.567 0 0Z"
transform="translate(71.402 256)"
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 0v0c0-8.567-6.945-15.513-15.513-15.513H-48.39c-8.567 0-15.512 6.946-15.512 15.513s6.945 15.513 15.512 15.513h32.877C-6.945 15.513 0 8.567 0 0Z"
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"
/>
<path
d="M0 0v0c4.284-7.42 1.742-16.907-5.678-21.19L-34.15-37.629c-7.42-4.284-16.908-1.742-21.191 5.678-4.284 7.42-1.742 16.907 5.678 21.191l28.472 16.438C-13.771 9.962-4.284 7.42 0 0Z"
transform="translate(96.134 163.701)"
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 0v0c4.284-7.42 1.741-16.907-5.678-21.191L-34.15-37.629c-7.42-4.284-16.908-1.742-21.191 5.678-4.284 7.42-1.742 16.907 5.678 21.19l28.472 16.439C-13.771 9.962-4.284 7.42 0 0Z"
transform="translate(471.207 380.25)"
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 0v0c7.419-4.284 9.962-13.771 5.678-21.191L-10.76-49.663c-4.284-7.42-13.772-9.962-21.191-5.678-7.42 4.283-9.962 13.772-5.678 21.191l16.438 28.472C-16.907 1.741-7.42 4.284 0 0Z"
transform="translate(163.701 96.134)"
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 0v0c7.42-4.283 9.962-13.771 5.678-21.19L-10.76-49.663c-4.284-7.419-13.771-9.962-21.191-5.678-7.42 4.284-9.962 13.772-5.678 21.192l16.438 28.471C-16.907 1.742-7.419 4.284 0 0Z"
transform="translate(380.25 471.207)"
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-43.11-34.94-78.05-78.05-78.05-14.72 0-28.49 4.07-40.24 11.16C-140.95-53.24-156.1-28.39-156.1 0c0 43.11 34.94 78.05 78.05 78.05 21.9 0 41.69-9.01 55.86-23.54C-8.46 40.45 0 21.22 0 0"
transform="translate(334.05 256)"
fill="#00e4ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-43.11-34.94-78.05-78.05-78.05-14.72 0-28.49 4.07-40.24 11.16 89.7 22.11 99.94 82.079 96.1 121.4C-8.46 40.45 0 21.22 0 0"
transform="translate(334.05 256)"
fill="#00cfff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-78.05v78.05c21.9 0 41.69-9.01 55.86-23.54v-.01C-8.45 40.439 0 21.21 0 0"
transform="translate(334.05 256)"
fill="#e8e6ed"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c7.58 18.96 8.36 38.45 6.79 54.5C20.53 40.439 28.98 21.21 28.98 0Z"
transform="translate(305.07 256)"
fill="#d1d0d8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-43.111-34.949-78.061-78.061-78.061-43.111 0-78.06 34.95-78.06 78.061 0 43.111 34.949 78.061 78.06 78.061C-34.949 78.061 0 43.111 0 0Z"
transform="translate(334.06 256)"
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 0v-78.061h78.061"
transform="translate(256 334.06)"
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