Add icons to this collection by clicking the heart icon.
Loading icon - also known as web, loading, website, ui, web programming, web development, and seo and web. Created in a clean lineal color style, 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="512"
height="512"
viewBox="0 0 512 512"
>
<path
d="M504.5 66.741v378.51c0 20.12-16.3 36.42-36.42 36.42H43.92c-20.12 0-36.42-16.3-36.42-36.42v-341.78l84.835-13.785c0-20.11-68.535-30.026-48.415-30.026l315.665-29.328H468.08c20.12-.001 36.42 16.299 36.42 36.409z"
fill="#9be69d"
/>
<path
d="M83.06 481.671H43.92c-20.12 0-36.42-16.3-36.42-36.42v-341.78l51.51-8.37c-7.03 4.41-12.37 8.37-12.37 8.37v341.78c0 20.12 16.3 36.42 36.42 36.42z"
fill="#6fd7a3"
/>
<path
d="m359.58 30.326-22.94 54.71a30.046 30.046 0 0 1-27.7 18.43H163.22v-36.73c0-20.11 16.3-36.41 36.42-36.41h159.94z"
fill="#d9b1ee"
/>
<path
d="m203.86 30.331-22.94 54.71a30.046 30.046 0 0 1-27.7 18.43H7.5v-36.73c0-20.11 16.3-36.41 36.42-36.41h159.94z"
fill="#ffe177"
/>
<path
d="M83.06 30.331c-20.12 0-36.42 16.3-36.42 36.41v36.73H7.5v-36.73c0-20.11 16.3-36.41 36.42-36.41h39.14z"
fill="#ffd15b"
/>
<path
d="M504.5 66.741v378.51c0 20.12-16.3 36.42-36.42 36.42H43.92c-20.12 0-36.42-16.3-36.42-36.42V66.741c0-20.11 16.3-36.41 36.42-36.41h424.16c20.12 0 36.42 16.3 36.42 36.41z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M61.511 451.671c-13.261 0-24.011-10.75-24.011-24.011V157.094c0-13.256 10.746-24.002 24.002-24.002h388.987c13.206 0 24.011 10.805 24.011 24.011V427.66c0 13.261-10.75 24.011-24.011 24.011H61.511z"
fill="#e8edf2"
/>
<path
d="M37.5 273.499v154.16c0 13.26 10.75 24.01 24.01 24.01h388.98c13.26 0 24.01-10.75 24.01-24.01v-270.56c0-13.2-10.81-24.01-24.01-24.01H61.5c-13.25 0-24 10.75-24 24v81.41M7.5 103.471h145.72c12.1 0 23.02-7.27 27.7-18.43l22.94-54.71M359.59 30.329l-16.18 38.57"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M153.22 103.469h155.72c6.01 0 11.72-1.79 16.53-4.97"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle cx="455.101" cy="71.898" r="17.788" fill="#fe646f" />
<circle cx="395.101" cy="71.898" r="17.788" fill="#fe646f" />
<circle
cx="455.101"
cy="71.898"
r="17.788"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle
cx="395.101"
cy="71.898"
r="17.788"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M138.019 66.901h19.765M293.568 66.901h19.764"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M256 232.263c-8.846 0-16.018-7.171-16.018-16.018V191.54c0-8.846 7.171-16.018 16.018-16.018 8.846 0 16.018 7.171 16.018 16.018v24.705c0 8.847-7.172 16.018-16.018 16.018z"
fill="#fd4755"
/>
<path
d="M256 409.241c-8.846 0-16.018-7.171-16.018-16.018v-24.705c0-8.846 7.171-16.018 16.018-16.018 8.846 0 16.018 7.171 16.018 16.018v24.705c0 8.846-7.172 16.018-16.018 16.018z"
fill="#fd8087"
/>
<path
d="M298.51 249.871c-6.255-6.255-6.255-16.397 0-22.652l17.469-17.469c6.255-6.255 16.397-6.255 22.652 0 6.255 6.255 6.255 16.397 0 22.652l-17.469 17.469c-6.255 6.256-16.397 6.256-22.652 0z"
fill="#fd4755"
/>
<path
d="M173.368 375.013c-6.255-6.255-6.255-16.397 0-22.652l17.469-17.469c6.255-6.255 16.397-6.255 22.652 0 6.255 6.255 6.255 16.397 0 22.652l-17.469 17.469c-6.255 6.256-16.397 6.256-22.652 0z"
fill="#fd8087"
/>
<path
d="M316.118 292.382c0-8.846 7.171-16.018 16.018-16.018h24.705c8.846 0 16.018 7.171 16.018 16.018 0 8.846-7.171 16.018-16.018 16.018h-24.705c-8.846-.001-16.018-7.172-16.018-16.018z"
fill="#fe646f"
/>
<path
d="M139.141 292.382c0-8.846 7.171-16.018 16.018-16.018h24.705c8.846 0 16.018 7.171 16.018 16.018 0 8.846-7.171 16.018-16.018 16.018h-24.705c-8.847-.001-16.018-7.172-16.018-16.018z"
fill="#fd8087"
/>
<path
d="M298.51 334.892c6.255-6.255 16.397-6.255 22.652 0l17.469 17.469c6.255 6.255 6.255 16.397 0 22.652-6.255 6.255-16.397 6.255-22.652 0l-17.469-17.469c-6.255-6.255-6.255-16.397 0-22.652z"
fill="#fe646f"
/>
<path
d="M256 232.263h0c-8.846 0-16.018-7.171-16.018-16.018V191.54c0-8.846 7.171-16.018 16.018-16.018h0c8.846 0 16.018 7.171 16.018 16.018v24.705c0 8.847-7.172 16.018-16.018 16.018zM256 409.241h0c-8.846 0-16.018-7.171-16.018-16.018v-24.705c0-8.846 7.171-16.018 16.018-16.018h0c8.846 0 16.018 7.171 16.018 16.018v24.705c0 8.846-7.172 16.018-16.018 16.018zM298.51 249.871h0c-6.255-6.255-6.255-16.397 0-22.652l17.469-17.469c6.255-6.255 16.397-6.255 22.652 0h0c6.255 6.255 6.255 16.397 0 22.652l-17.469 17.469c-6.255 6.256-16.397 6.256-22.652 0zM173.368 375.013h0c-6.255-6.255-6.255-16.397 0-22.652l17.469-17.469c6.255-6.255 16.397-6.255 22.652 0h0c6.255 6.255 6.255 16.397 0 22.652l-17.469 17.469c-6.255 6.256-16.397 6.256-22.652 0zM316.118 292.382h0c0-8.846 7.171-16.018 16.018-16.018h24.705c8.846 0 16.018 7.171 16.018 16.018v0c0 8.846-7.171 16.018-16.018 16.018h-24.705c-8.846-.001-16.018-7.172-16.018-16.018zM139.141 292.382h0c0-8.846 7.171-16.018 16.018-16.018h24.705c8.846 0 16.018 7.171 16.018 16.018v0c0 8.846-7.171 16.018-16.018 16.018h-24.705c-8.847-.001-16.018-7.172-16.018-16.018zM342.24 369.479c-.78 2.02-1.98 3.9-3.61 5.53a15.968 15.968 0 0 1-11.33 4.69c-4.1 0-8.2-1.56-11.32-4.69l-17.47-17.46c-6.26-6.26-6.26-16.4 0-22.66 6.26-6.25 16.4-6.25 22.65 0l5.1 5.1"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</svg>
More icons in the same style and category