Add icons to this collection by clicking the heart icon.
Loading icon - also known as interface, laptop, circle, loading, circles, load, ui, and loader. Created in a clean lineal color style with a white, silver, black, and orange 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 0h-388c-17.673 0-32-14.327-32-32v-288H32v288C32-14.327 17.673 0 0 0"
transform="translate(450 448)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v0"
transform="translate(482 206)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v168c0 17.673-14.327 32-32 32h-388c-17.673 0-32-14.327-32-32v-288H0v38.5"
transform="translate(482 248)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-408c-23.196 0-42 18.804-42 42v22H42V42C42 18.804 23.196 0 0 0"
transform="translate(460 64)"
fill="#c9f3ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-408c-23.196 0-42 18.804-42 42v22H42V42C42 18.804 23.196 0 0 0Z"
transform="translate(460 64)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h67.333"
transform="translate(222.333 96)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-292c-17.673 0-32 14.327-32 32 0 17.673 14.327 32 32 32H0c17.673 0 32-14.327 32-32C32 14.327 17.673 0 0 0"
transform="translate(402 176)"
fill="#72d8ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-146c-17.673 0-32 14.327-32 32 0 17.673 14.327 32 32 32H0c17.673 0 32-14.327 32-32C32 14.327 17.673 0 0 0"
transform="translate(256 176)"
fill="#ff5d5d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-292c-17.673 0-32 14.327-32 32v0c0 17.673 14.327 32 32 32H0c17.673 0 32-14.327 32-32v0C32 14.327 17.673 0 0 0Z"
transform="translate(402 176)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c17.673 0 32-14.327 32-32v0c0-17.673-14.327-32-32-32"
transform="translate(256 240)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-28.97 28.97-75.939 28.97-104.909 0"
transform="translate(308.454 339.779)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-45.676 45.676-119.733 45.676-165.409 0"
transform="translate(338.704 370.029)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-13.724 13.724-35.976 13.724-49.7 0"
transform="translate(280.85 312.174)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0"
transform="translate(256 286.476)"
fill="none"
stroke="#000"
stroke-width="20"
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