Add icons to this collection by clicking the heart icon.
Loading icon - also known as loading, complete, completed, round, percentage, full, and ui. Created in a clean lineal color style with a silver, black, yellow, and olive 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 0c0-136.13-109.46-246.689-245.17-248.48a278.269 278.269 0 0 0-12.88.16C-390.86-243.3-497-134.04-497 0c0 134.35 106.62 243.79 239.85 248.35 2.87.1 5.76.15 8.65.15 1.07 0-.05 0 3.33-.02C-109.46 246.689 0 136.13 0 0"
transform="translate(504.5 256)"
fill="#bbec6c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-136.13-109.46-246.689-245.17-248.48a278.269 278.269 0 0 0-12.88.16C-128.59-239.689-22.5-131.6-22.5 0c0 131.75-105 239.93-234.65 248.35 2.87.1 5.76.15 8.65.15 1.07 0-.05 0 3.33-.02C-109.46 246.689 0 136.13 0 0"
transform="translate(504.5 256)"
fill="#a2e62e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 57.184 22.269 110.945 62.703 151.381 40.436 40.434 94.197 62.703 151.381 62.703s110.944-22.269 151.38-62.703C405.899 110.945 428.168 57.184 428.168 0c0-48.843-16.885-100.619-47.543-138.53-30.199-37.344-72.491-63.72-119.086-74.27-12.777-2.892-25.481 9.12-28.375 21.899-2.894 12.778 5.12 25.481 17.898 28.375 36.238 8.205 69.15 28.743 92.672 57.829C367.933-74.773 380.723-38.57 380.723 0c0 91.886-74.753 166.64-166.639 166.64-91.886 0-166.64-74.754-166.64-166.64 0-38.64 12.832-74.895 37.109-104.845 23.6-29.117 56.605-49.633 92.932-57.767 12.785-2.864 20.831-15.554 17.965-28.333-2.862-12.784-15.548-20.828-28.332-17.965-46.71 10.46-89.122 36.808-119.423 74.19C16.938-96.774 0-48.931 0 0"
transform="translate(22.495 253.702)"
fill="#a2e62e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-48.84-16.88-96.62-47.54-134.53-30.2-37.34-72.49-63.72-119.09-74.27-2.22-.5-4.421-.67-6.58-.551-.03.011-.07.011-.101.011-3.369.2-6.619 1.13-9.529 2.659a23.286 23.286 0 0 0-6.69 5.191l-.01.01h-.01c-2.6 2.9-4.53 6.5-5.45 10.58-2.9 12.78 5.12 25.48 17.9 28.379 36.24 8.201 69.15 28.741 92.67 57.831C-60.23-74.771-47.44-38.57-47.44 0c0 91.89-74.76 166.64-166.64 166.64-91.891 0-166.641-74.75-166.641-166.64 0-38.64 12.83-74.89 37.111-104.84 23.6-29.12 56.6-49.64 92.93-57.77 12.78-2.86 20.83-15.55 17.97-28.33-2.87-12.79-15.55-20.831-28.34-17.97-46.71 10.46-89.12 36.809-119.421 74.19C-411.23-96.771-428.17-48.931-428.17 0c0 57.189 22.27 110.95 62.71 151.38 38.989 39 90.39 61.099 145.29 62.62 2.02.06 4.05.09 6.09.09 57.18 0 110.939-22.271 151.38-62.71C-22.27 110.95 0 57.189 0 0"
transform="translate(467.66 253.7)"
fill="#4fc123"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-36.327 8.135-69.332 28.65-92.933 57.768-24.276 29.95-37.108 66.205-37.108 104.845 0 88.033 68.621 160.329 155.181 166.238-3.787.258-7.607.401-11.458.401-91.886 0-166.64-74.754-166.64-166.639 0-38.64 12.832-74.895 37.108-104.845C-92.248 28.65-59.244 8.135-22.916 0c12.783-2.863 20.83-15.553 17.965-28.333-1.644-7.339-6.528-13.11-12.805-16.158a210.448 210.448 0 0 1 7.389-1.807c12.784-2.863 25.47 5.181 28.332 17.965C20.831-15.553 12.784-2.863 0 0"
transform="translate(216.98 91.09)"
fill="#47a920"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-40.44 40.439-94.2 62.71-151.38 62.71-2.04 0-4.07-.03-6.09-.09-1.801-.05-3.59-.13-5.37-.22C-109.96 59.63-60.64 37.73-22.92 0c40.441-40.43 62.71-94.19 62.71-151.38 0-48.84-16.891-96.62-47.55-134.53-26.246-32.459-62.99-56.575-102.618-69.262-10.057-1.275-16.139 2.123-16.452 2.302a23.654 23.654 0 0 1 8.864-6.193c2.081-.778 4.286-1.481 7.456-1.667 2.159-.12 4.361.05 6.58.55 46.6 10.55 88.89 36.93 119.09 74.27C45.82-248 62.7-200.22 62.7-151.38 62.7-94.19 40.431-40.43 0 0"
transform="translate(404.96 405.08)"
fill="#47a920"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c44.092 39.928 102.579 64.249 166.748 64.249 137.243 0 248.5-111.257 248.5-248.5s-111.257-248.5-248.5-248.5-248.5 111.257-248.5 248.5c0 60.463 21.594 115.883 57.49 158.968"
transform="translate(89.252 440.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 0c-.8-47.6-17.601-93.98-47.513-130.97-30.199-37.343-72.491-63.719-119.086-74.269-12.777-2.893-25.481 5.12-28.375 17.898-2.894 12.779 5.12 25.482 17.899 28.375 36.237 8.205 69.149 28.743 92.672 57.829C-60.205-71.213-47.415-35.01-47.415 3.561c0 91.885-74.753 166.639-166.639 166.639-91.885 0-166.639-74.754-166.639-166.639 0-38.64 12.832-74.895 37.108-104.845 23.601-29.117 56.606-49.633 92.933-57.768 12.784-2.863 20.831-15.553 17.965-28.333-2.863-12.784-15.548-20.828-28.333-17.965-46.709 10.46-89.122 36.809-119.422 74.191-30.757 37.945-47.696 85.789-47.696 134.72 0 57.183 22.269 110.945 62.703 151.38 40.436 40.435 94.198 62.704 151.381 62.704 57.184 0 110.945-22.269 151.38-62.704C-29.566 121.834-8.638 79.793-2.14 34.254"
transform="translate(467.633 250.142)"
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-31.829-75.842"
transform="translate(362.32 293.14)"
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-12.577-10.196-22.773-22.774-22.773-12.578 0-22.774 10.196-22.774 22.773v36.422c0 12.578 10.196 22.774 22.774 22.774C-10.196 59.196 0 49 0 36.422Z"
transform="translate(292.773 234.282)"
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-12.577-10.196-22.773-22.773-22.773-12.579 0-22.775 10.196-22.775 22.773v36.422c0 12.578 10.196 22.774 22.775 22.774C-10.196 59.196 0 49 0 36.422Z"
transform="translate(223.094 234.282)"
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 0h17.056v-79.798"
transform="translate(135.772 291.767)"
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 0a8.724 8.724 0 0 0-8.725-8.724A8.725 8.725 0 1 0 0 0"
transform="translate(333.784 291.767)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a8.725 8.725 0 1 0-17.45 0A8.725 8.725 0 0 0 0 0"
transform="translate(376.228 220.534)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category