Add icons to this collection by clicking the heart icon.
Loading icon - also known as interface, circle, wait, loading, and ui. Created in a clean lineal color style with a silver, 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 0a121.81 121.81 0 0 0-16.676 40.298c-.991 4.597-5.098 7.854-9.801 7.854h-108.382c-5.996 0-10.685-5.223-9.99-11.179 5.49-47.026 24.043-90.063 51.944-125.378 3.713-4.699 10.719-5.064 14.954-.829l76.646 76.646C2.054-9.229 2.572-3.995 0 0"
transform="translate(152.417 190.257)"
fill="#17998c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a121.82 121.82 0 0 0 16.676 40.298c2.572 3.994 2.054 9.228-1.305 12.588l-76.646 76.646c-4.235 4.235-11.241 3.87-14.954-.83-27.9-35.315-46.454-78.351-51.944-125.377-.695-5.956 3.994-11.179 9.99-11.179H-9.801C-5.098-7.854-.991-4.598 0 0"
transform="translate(135.741 282.429)"
fill="#20b69f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a121.81 121.81 0 0 0 40.298 16.676c4.597.991 7.854 5.098 7.854 9.801v108.382c0 5.996-5.223 10.685-11.179 9.99-47.026-5.49-90.063-24.044-125.378-51.944-4.699-3.713-5.064-10.719-.829-14.954l76.646-76.646C-9.229-2.054-3.995-2.572 0 0"
transform="translate(189.274 359.583)"
fill="#27d1b3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-108.382c0-4.703 3.256-8.81 7.854-9.801a121.84 121.84 0 0 0 40.298-16.676c3.994-2.572 9.228-2.054 12.588 1.305l76.645 76.646c4.236 4.235 3.871 11.241-.829 14.954-35.315 27.9-78.351 46.453-125.378 51.943C5.223 10.685 0 5.996 0 0"
transform="translate(273.591 494.442)"
fill="#64e0c4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-15.02-15.01c-32.1 35.54-74.32 61.75-122.13 74.1 1.08 4.91 5.73 8.42 10.94 7.81C-79.18 61.41-36.15 42.86-.83 14.96 3.87 11.25 4.23 4.24 0 0"
transform="translate(410.98 437.53)"
fill="#27d1b3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a121.79 121.79 0 0 0-40.298-16.676c-4.597-.991-7.854-5.098-7.854-9.801v-108.382c0-5.996 5.223-10.685 11.179-9.99 47.026 5.49 90.063 24.044 125.378 51.944 4.7 3.713 5.064 10.719.829 14.954L12.588-1.305C9.229 2.054 3.995 2.572 0 0"
transform="translate(321.743 153.4)"
fill="#c7f1e6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-35.32-27.9-78.35-46.46-125.38-51.95-4.88-.57-9.27 2.48-10.69 6.89C-88.13-32.62-45.82-6.24-13.72 29.5L.83 14.95C5.06 10.71 4.7 3.71 0 0"
transform="translate(410.15 60.5)"
fill="#a8ecdb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a121.79 121.79 0 0 0 16.676-40.298c.991-4.597 5.098-7.854 9.801-7.854h108.382c5.996 0 10.685 5.223 9.99 11.179-5.49 47.026-24.043 90.063-51.944 125.378-3.713 4.699-10.719 5.064-14.954.829L1.305 12.588C-2.054 9.229-2.572 3.995 0 0"
transform="translate(358.6 322.726)"
fill="#89e6cf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-34.13c-3.24 43.88-17.88 84.59-40.98 119.19l18.2 18.2c4.24 4.24 11.24 3.87 14.95-.83C-14.05 101.25 4.5 58.21 9.99 11.18 10.68 5.23 5.99 0 0 0"
transform="translate(493.46 274.57)"
fill="#64e0c4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a121.82 121.82 0 0 0-40.298 16.676c-3.994 2.572-9.228 2.054-12.588-1.305l-76.645-76.646c-4.236-4.235-3.871-11.241.829-14.954 35.315-27.9 78.351-46.454 125.377-51.944 5.956-.695 11.179 3.994 11.179 9.99V-9.801C7.854-5.098 4.598-.991 0 0"
transform="translate(229.571 136.725)"
fill="#138b80"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a121.82 121.82 0 0 0-16.676-40.298c-2.572-3.994-2.054-9.228 1.305-12.588l76.646-76.646c4.235-4.235 11.241-3.87 14.954.83 27.9 35.315 46.453 78.351 51.944 125.377.695 5.956-3.994 11.179-9.99 11.179H9.801C5.098 7.854.991 4.598 0 0"
transform="translate(375.276 230.555)"
fill="#a8ecdb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-5.49-47.03-24.04-90.06-51.95-125.38-3.71-4.7-10.71-5.06-14.95-.83l-17.8 17.8c23.03 34.73 37.57 75.58 40.65 119.59h34.06C-4 11.18.69 5.96 0 0"
transform="translate(503.45 227.23)"
fill="#89e6cf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a249.962 249.962 0 0 1 20.647-30.522c3.713-4.7 10.719-5.065 14.954-.829l76.646 76.645c3.359 3.36 3.877 8.594 1.305 12.589A121.814 121.814 0 0 0 96.876 98.18c-.991 4.598-5.098 7.854-9.801 7.854H-21.307c-5.996 0-10.685-5.223-9.99-11.178a248.086 248.086 0 0 1 15.543-62.07"
transform="translate(38.865 132.374)"
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 0h31.204c4.703 0 8.81 3.256 9.801 7.854a121.82 121.82 0 0 0 16.676 40.298c2.572 3.994 2.054 9.228-1.305 12.588l-76.646 76.645c-4.235 4.236-11.241 3.871-14.954-.829-27.9-35.315-46.453-78.351-51.943-125.378C-87.863 5.223-83.174 0-77.178 0h40.712"
transform="translate(94.736 274.575)"
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 0v24.701c0 5.996-5.223 10.684-11.179 9.989-47.026-5.49-90.062-24.043-125.377-51.943-4.7-3.713-5.065-10.719-.829-14.954l76.645-76.646c3.36-3.359 8.594-3.877 12.588-1.305A121.82 121.82 0 0 0-7.854-93.482C-3.256-92.491 0-88.384 0-83.681v47.214"
transform="translate(237.425 469.741)"
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-108.382c0-4.703 3.256-8.81 7.854-9.801a121.84 121.84 0 0 0 40.298-16.676c3.994-2.572 9.228-2.054 12.588 1.305l76.645 76.646c4.236 4.235 3.871 11.241-.829 14.954-35.315 27.9-78.351 46.453-125.378 51.943C5.223 10.685 0 5.996 0 0Z"
transform="translate(273.591 494.442)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="10,36"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="m0 0-1.061 1.061c-.401-.298-.804-.593-1.21-.886"
transform="translate(329.474 156.953)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="4"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-.493-.079-.987-.155-1.483-.229v-1.5"
transform="translate(275.074 135.528)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="4"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-33.11"
transform="translate(273.591 72.673)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="4"
stroke-dasharray="2.547,61.126"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0v-1.5c.499.036.998.073 1.496.112"
transform="translate(273.591 9)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="4"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0a248.689 248.689 0 0 1 37.064 18.842"
transform="translate(349.584 25.184)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="4"
stroke-dasharray="3.202,76.843"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0c.38.325.759.651 1.137.978L.076 2.038"
transform="translate(417.65 66.662)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="4"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-23.414 23.414"
transform="translate(374.5 111.926)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="4"
stroke-dasharray="2.547,61.13"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0c11.708-15.789 19.707-34.491 22.714-54.822h127.799C146.551.516 124.562 50.865 90.374 90.374Z"
transform="translate(353.987 329.397)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="5,48"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0a121.82 121.82 0 0 0-40.298 16.676c-3.994 2.572-9.228 2.054-12.588-1.305l-76.645-76.646c-4.236-4.235-3.871-11.241.829-14.954 35.315-27.9 78.351-46.454 125.377-51.944 5.956-.695 11.179 3.994 11.179 9.99V-9.801C7.854-5.098 4.598-.991 0 0Z"
transform="translate(229.571 136.725)"
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-3.007-20.331-11.006-39.033-22.714-54.822l90.373-90.373C101.848-105.687 123.837-55.338 127.799 0z"
transform="translate(376.701 238.409)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="6,48"
stroke-dashoffset="0"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category