Add icons to this collection by clicking the heart icon.
Loading icon - also known as interface, cursor, selection, arrow, clock, time, loading, select, and ui. Created in a clean lineal color style with a white, silver, gray, black, and teal 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.496-416.012c3.788-9.817 17.231-10.937 22.59-1.881l93.361 157.731 157.731 93.36c9.055 5.36 7.936 18.802-1.882 22.59L16.285 16.285C6.091 20.217-3.933 10.194 0 0"
transform="translate(36.258 431.575)"
fill="#64b9fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-157.74-93.36-93.36-157.73c-5.36-9.05-18.8-7.93-22.59 1.88l-10.03 26.01c.78.76 1.48 1.64 2.08 2.65l93.36 157.74 157.73 93.36c1.01.6 1.89 1.3 2.65 2.08l26.01-10.04C7.93 18.8 9.05 5.36 0 0"
transform="translate(470.44 264.77)"
fill="#31a7fb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-157.738-93.364-273.598 273.599c3.295 3.295 8.354 4.809 13.448 2.85l416-160.499C7.935 18.801 9.058 5.353 0 0"
transform="translate(470.435 264.777)"
fill="#b5dbfd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-26.01 10.03c-.76-.78-1.64-1.47-2.65-2.07L-186.4-85.4l30.55-30.55L1.89-22.58C10.94-17.23 9.82-3.78 0 0"
transform="translate(468.55 287.36)"
fill="#8dcafc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-20.49-31.57-56.06-52.45-96.51-52.45-63.51 0-114.99 51.48-114.99 114.99 0 6.3.51 12.47 1.48 18.49z"
transform="translate(452.33 293.62)"
fill="#8dcafc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-171.577 171.577"
transform="translate(312.698 171.414)"
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-76.236 76.236"
transform="translate(115.335 368.776)"
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 58.323 34.521c9.055 5.36 7.935 18.802-1.882 22.59l-416.012 160.497c-10.193 3.932-20.217-6.091-16.284-16.285l160.496-416.012c3.788-9.817 17.23-10.937 22.59-1.881l93.361 157.731 68.016 40.258"
transform="translate(412.113 230.251)"
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-63.51-51.485-114.994-114.994-114.994-63.51 0-114.995 51.484-114.995 114.994s51.485 114.994 114.995 114.994C-51.485 114.994 0 63.51 0 0"
transform="translate(470.819 389.506)"
fill="#5169cd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-63.51-51.49-115-115-115-6.17 0-12.22.49-18.12 1.42C-78.21-104.89-36.24-57.35-36.24 0s-41.97 104.88-96.88 113.57c5.9.93 11.95 1.42 18.12 1.42C-51.49 114.99 0 63.51 0 0"
transform="translate(470.82 389.51)"
fill="#3351c5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-46.809-37.946-84.755-84.755-84.755-46.81 0-84.756 37.946-84.756 84.755s37.946 84.755 84.756 84.755C-37.946 84.755 0 46.809 0 0"
transform="translate(440.58 389.506)"
fill="#d4f2f6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-46.81-37.95-84.76-84.76-84.76-6.22 0-12.28.67-18.11 1.95C-64.77-74.52-36.24-40.59-36.24 0c0 40.58-28.53 74.51-66.63 82.8a84.376 84.376 0 0 0 18.11 1.95C-37.95 84.75 0 46.8 0 0"
transform="translate(440.58 389.51)"
fill="#a8e7ef"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 46.809-37.946 84.755-84.755 84.755V0Z"
transform="translate(440.58 389.506)"
fill="#27d1b3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-36.24c0 33.84-19.84 63.05-48.52 76.63v8.12C-37.95 84.75 0 46.8 0 0"
transform="translate(440.58 389.51)"
fill="#20b69f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-37.761-8.552-65.964-42.291-65.964-82.639 0-46.809 37.946-84.755 84.756-84.755 46.809 0 84.755 37.946 84.755 84.755 0 40.746-28.758 74.765-67.081 82.897"
transform="translate(337.033 472.144)"
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-63.51-51.485-114.994-114.994-114.994-63.51 0-114.995 51.484-114.995 114.994s51.485 114.994 114.995 114.994C-51.485 114.994 0 63.51 0 0Z"
transform="translate(470.819 389.506)"
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-52.528h36.73"
transform="translate(355.825 442.034)"
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