Add icons to this collection by clicking the heart icon.
Loading icon - also known as interface, cursor, selection, arrow, time, loading, hourglass, select, and ui. Created in a clean lineal color style with a white, silver, gray, black, red, 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 0 160.83-416.876c3.795-9.837 17.266-10.96 22.637-1.885l93.554 158.058 158.059 93.555c9.074 5.371 7.952 18.841-1.886 22.636L16.318 16.318C6.104 20.259-3.941 10.215 0 0"
transform="translate(35.801 432.455)"
fill="#64b9fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-158.068-93.554-93.553-158.057c-5.372-9.069-18.84-7.947-22.637 1.883l-10.051 26.064a12.889 12.889 0 0 1 2.084 2.656l93.554 158.068 158.058 93.553a12.86 12.86 0 0 1 2.655 2.085l26.064-10.061C7.946 18.839 9.069 5.371 0 0"
transform="translate(470.885 265.304)"
fill="#31a7fb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-158.065-93.558-274.167 274.167c3.302 3.302 8.371 4.82 13.476 2.856L-1.892 22.633C7.952 18.84 9.077 5.364 0 0"
transform="translate(470.88 265.312)"
fill="#b5dbfd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h108.369c11.509 0 20.84-9.33 20.84-20.84s-9.331-20.84-20.84-20.84H0c-11.51 0-20.84 9.33-20.84 20.84S-11.51 0 0 0"
transform="translate(303.044 284.608)"
fill="#8dcafc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-158.068-93.564-30.613 30.614 158.068 93.553a12.82 12.82 0 0 1 2.655 2.075l26.064-10.051C7.946 18.839 9.069 5.361 0 0"
transform="translate(470.885 265.314)"
fill="#8dcafc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-274.167 274.167"
transform="translate(312.815 171.754)"
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 0 44.756 26.491c9.074 5.371 7.952 18.842-1.886 22.637l-416.875 160.83c-10.215 3.941-20.259-6.104-16.319-16.319l17.742-45.987"
transform="translate(426.125 238.816)"
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 0 130.01-336.99c3.795-9.838 17.266-10.96 22.637-1.886l93.554 158.059 81.925 48.491"
transform="translate(66.621 352.57)"
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-22.27l22.73-8.37a23.306 23.306 0 0 0 15.25-21.87v-33H-70.39v33c0 9.76 6.09 18.49 15.25 21.87l22.74 8.37V0l-22.74 8.37a23.297 23.297 0 0 0-15.25 21.86v33.01H37.98V30.23c0-9.76-6.08-18.49-15.25-21.86Z"
transform="translate(373.43 399.58)"
fill="#d4f2f6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a23.283 23.283 0 0 1 15.25 21.86v33.01h-20V21.86c0-1.37-.86-2.62-2.15-3.09L-35.25 8.157a12.246 12.246 0 0 1-7.953-11.469v-32.636c0-5.142 3.212-9.736 8.041-11.502L-6.91-57.78a3.31 3.31 0 0 0 2.16-3.1v-33h20v33c0 9.76-6.08 18.49-15.25 21.87l-22.73 8.37v22.27z"
transform="translate(396.16 407.95)"
fill="#a8e7ef"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-72.6c0 16.979 16.25 30.756 36.3 30.756C-16.25 30.756 0 16.979 0 0"
transform="translate(393.53 314.07)"
fill="#6d81d5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 16.979 16.25 30.756 36.3 30.756 20.05 0 36.3-13.777 36.3-30.756"
transform="translate(320.93 314.07)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M411.413 462.819H303.044v-24.893h108.369z"
fill="#a8e7ef"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-108.369c-11.509 0-20.84 9.33-20.84 20.84s9.331 20.84 20.84 20.84H0c11.51 0 20.84-9.33 20.84-20.84S11.51 0 0 0"
transform="translate(411.413 462.82)"
fill="#fb3a82"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a20.775 20.775 0 0 0-6.103-14.731 20.78 20.78 0 0 0-14.74-6.102h-33.409c5.751 0 10.962 2.335 14.74 6.102A20.775 20.775 0 0 1-33.409 0c0 11.514-9.34 20.843-20.843 20.843h33.409C-9.329 20.843 0 11.514 0 0"
transform="translate(432.255 483.657)"
fill="#fb1466"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h108.369c11.509 0 20.84-9.33 20.84-20.84s-9.331-20.84-20.84-20.84H0c-11.51 0-20.84 9.33-20.84 20.84S-11.51 0 0 0"
transform="translate(303.044 314.066)"
fill="#fb3a82"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a20.775 20.775 0 0 0-6.103-14.731 20.78 20.78 0 0 0-14.74-6.102h-33.409c5.751 0 10.962 2.335 14.74 6.102A20.775 20.775 0 0 1-33.409 0c0 11.514-9.34 20.843-20.843 20.843h33.409C-9.329 20.843 0 11.514 0 0"
transform="translate(432.255 293.222)"
fill="#fb1466"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h48.036c11.509 0 20.84 9.33 20.84 20.84s-9.331 20.84-20.84 20.84H-60.333c-11.51 0-20.84-9.33-20.84-20.84S-71.843 0-60.333 0h23.867"
transform="translate(363.378 462.82)"
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 0h108.369c11.509 0 20.84-9.33 20.84-20.84v0c0-11.51-9.331-20.84-20.84-20.84H0c-11.51 0-20.84 9.33-20.84 20.84v0C-20.84-9.33-11.51 0 0 0Z"
transform="translate(303.044 314.066)"
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-33.005a23.301 23.301 0 0 1 15.249-21.866l22.739-8.372v-22.268l-22.739-8.372A23.301 23.301 0 0 1 0-115.749v-33.005h108.369v33.005a23.3 23.3 0 0 1-15.25 21.866l-22.738 8.372v22.268l22.738 8.372a23.3 23.3 0 0 1 15.25 21.866V0"
transform="translate(303.044 462.82)"
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