Add icons to this collection by clicking the heart icon.
Loading icon - also known as wait, loading, hourglass, ui, sandglass, sand clock, and time and date. Created in a clean lineal color style with a white, silver, gray, black, and red 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-20.391 56.025-202.462-73.69 20.391-56.025a70.8 70.8 0 0 1 52.197-45.119l65.359-13.512 9.112-25.036-41.382-52.362a70.8 70.8 0 0 1-10.983-68.115l20.391-56.024 202.462 73.69-20.392 56.024a70.799 70.799 0 0 1-52.196 45.119l-65.359 13.512-9.112 25.036 41.382 52.363A70.798 70.798 0 0 1 0 0"
transform="translate(321.905 394.917)"
fill="#d4f2f6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 9.112-25.034 65.357-13.518a70.801 70.801 0 0 0 52.199-45.119l20.389-56.019-26.298-9.571-20.521 56.379a47.431 47.431 0 0 1-34.972 30.228l-70.45 14.56L-20.687-5.5a25.31 25.31 0 0 0 3.927 24.353L19.091 64.21a47.43 47.43 0 0 1 7.36 45.636L5.675 166.929l26.298 9.571 20.389-56.018a70.799 70.799 0 0 0-10.985-68.116Z"
transform="translate(269.541 274.44)"
fill="#a8e7ef"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 158.323 57.625c-13.947 26.441-40.565 43.087-69.376 45.065-11.433.784-21.286 8.346-25.205 19.115l-30.407 83.542 32.216 40.776c-20.1 9.981-44.092 12.023-66.846 3.741-22.753-8.281-39.82-25.267-48.802-45.833L.792 193.502l30.407-83.541c3.92-10.769 1.233-22.896-7.021-30.846C3.379 59.082-6.312 29.22 0 0"
transform="translate(236.206 69.093)"
fill="#6d81d5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-11.425.782-21.281 8.345-25.201 19.114l-30.407 83.543 32.216 40.776a85.032 85.032 0 0 1-25.35 7.962l-23.624-29.885a25.31 25.31 0 0 1-3.929-24.354l35.906-98.639c3.919-10.768 13.776-18.332 25.201-19.114 24.077-1.655 44.222-14.429 59.115-33.732l25.453 9.264C55.43-18.627 28.812-1.977 0 0"
transform="translate(325.15 171.783)"
fill="#5169cd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-20.101 9.981-44.093 12.022-66.846 3.741-22.754-8.282-39.82-25.267-48.803-45.834"
transform="translate(301.757 315.216)"
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 26.256-72.137c3.611-9.922 1.601-20.988-5.191-28.887"
transform="translate(241.15 251.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 0c-6.833-15.844-8.89-33.775-5.067-51.476"
transform="translate(241.273 120.568)"
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-13.947 26.441-40.565 43.087-69.376 45.065-11.433.784-21.286 8.346-25.205 19.115l-26.256 72.137"
transform="translate(394.53 126.718)"
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-11.008 30.245-202.462-73.69 11.008-30.245z"
transform="translate(312.522 420.696)"
fill="#a8e7ef"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-20.391 56.025a70.8 70.8 0 0 1-52.197 45.119l-65.358 13.511-9.113 25.037 41.382 52.362a70.803 70.803 0 0 1 13.036 61.478"
transform="translate(416.599 134.749)"
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 20.391-56.025a70.802 70.802 0 0 1 52.197-45.119l65.359-13.511 9.112-25.036-41.382-52.363a70.801 70.801 0 0 1-10.984-68.114l20.392-56.025"
transform="translate(99.052 377.252)"
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-10.365 28.478"
transform="translate(311.88 422.464)"
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-228.832-83.288c-5.493-1.999-11.566.833-13.565 6.325l-10.275 28.228c-1.999 5.493.833 11.566 6.326 13.565l228.832 83.288c5.493 1.999 11.566-.833 13.565-6.325L6.325 13.565C8.325 8.072 5.493 1.999 0 0"
transform="translate(314.7 455.74)"
fill="#fb1466"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 10.274-28.228c2-5.493-.836-11.573-6.329-13.573l-29.387-10.696c5.493 2 8.319 8.076 6.319 13.57L-29.397-10.7c-1.996 5.484-8.066 8.323-13.56 6.324L-13.569 6.32C-8.076 8.319-1.996 5.484 0 0"
transform="translate(310.752 497.539)"
fill="#e01058"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-228.832-83.288c-5.493-1.999-11.566.833-13.565 6.325l-10.275 28.228c-1.999 5.493.833 11.566 6.326 13.565l228.832 83.288c5.493 1.999 11.566-.833 13.565-6.325L6.325 13.565C8.325 8.072 5.493 1.999 0 0Z"
transform="translate(314.7 455.74)"
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-228.832-83.288c-5.493-1.999-11.566.833-13.565 6.325l-10.274 28.228c-2 5.493.832 11.566 6.325 13.565l228.832 83.288c5.493 1.999 11.566-.833 13.565-6.325L6.325 13.565C8.325 8.072 5.493 1.999 0 0"
transform="translate(447.298 91.43)"
fill="#fb1466"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 10.274-28.228c1.996-5.484-.839-11.564-6.333-13.563l-29.387-10.696c5.494 1.999 8.319 8.076 6.323 13.56L-29.397-10.7c-1.999 5.494-8.07 8.333-13.563 6.333l29.387 10.696C-8.079 8.329-1.999 5.494 0 0"
transform="translate(443.353 133.219)"
fill="#e01058"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-128.455-46.754c-5.493-1.999-8.325-8.072-6.325-13.565l10.274-28.228c1.999-5.492 8.072-8.324 13.565-6.325l228.832 83.288c5.493 1.999 8.325 8.073 6.326 13.565l-10.274 28.228c-2 5.493-8.073 8.324-13.566 6.325L34.063 12.398"
transform="translate(329.407 103.013)"
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 0c12.839 30.012 14.743 64.778 2.698 97.873-12.046 33.095-35.852 58.503-64.979 73.241"
transform="translate(417.89 233.04)"
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-26.973-14.28-14.28 26.972"
transform="translate(444.862 247.32)"
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-12.839-30.012-14.743-64.778-2.698-97.873 12.046-33.095 35.852-58.503 64.979-73.241"
transform="translate(84.706 296.453)"
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 26.973 14.28 14.28-26.972"
transform="translate(57.733 282.172)"
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-.036.098"
transform="translate(282.458 119.941)"
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-.036.098"
transform="translate(298.083 145.393)"
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-.036.098"
transform="translate(251.68 294.53)"
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