Add icons to this collection by clicking the heart icon.
Loading icon - also known as interface, reload, arrows, button, web, loading, ui, and web page. Created in a clean flat style with a white, gray, blue, orange, and pink 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 141.385 114.615 256 256 256S512 141.385 512 0 397.385-256 256-256 0-141.385 0 0"
transform="translate(0 256)"
fill="#ffaa20"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 3.159-.077 6.301-.19 9.432l-118.84 118.839c-34.242 36.549-82.935 59.396-136.97 59.396-103.646 0-187.667-84.021-187.667-187.667 0-54.035 22.847-102.728 59.396-136.97l118.838-118.84c3.132-.113 6.274-.19 9.433-.19C-114.615-256 0-141.385 0 0"
transform="translate(512 256)"
fill="#ff8900"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 103.646 84.021 187.667 187.667 187.667 103.645 0 187.667-84.021 187.667-187.667s-84.022-187.667-187.667-187.667C84.021-187.667 0-103.646 0 0"
transform="translate(68.333 256)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-103.641-84.026-187.667-187.667-187.667v375.334C-84.026 187.667 0 103.641 0 0"
transform="translate(443.667 256)"
fill="#ffec97"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 88.145 71.455 159.6 159.6 159.6 88.144 0 159.599-71.455 159.599-159.6S247.744-159.6 159.6-159.6C71.455-159.6 0-88.145 0 0"
transform="translate(96.4 256)"
fill="#6d76e7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-88.14-71.46-159.6-159.6-159.6v319.2C-71.46 159.6 0 88.14 0 0"
transform="translate(415.6 256)"
fill="#283ee1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-2.947-13.108L51.371 3.559 9.417 41.875 6.541 29.082c-16.542 3.226-33.802 2.457-50.082-2.251-17.211-4.976-32.961-14.259-45.547-26.845-29.153-29.153-38.814-73.014-24.614-111.741l.855-2.332 27.977 10.258-.856 2.331c-10.22 27.873-3.269 59.436 17.708 80.414C-50.391-3.457-24.534 4.501 0 0"
transform="translate(269.977 331.126)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 2.952 13.1a74.943 74.943 0 0 1-13.978 1.23v29.812c6.88.017 13.758-.642 20.515-1.96l2.882 12.801 41.953-38.316z"
transform="translate(267.026 318.022)"
fill="#fff5cb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-.855 2.332-27.976-10.259.854-2.331c10.221-27.872 3.27-59.435-17.708-80.413-17.627-17.627-43.483-25.585-68.017-21.084l2.947 13.108-54.318-16.667 41.954-38.316 2.877 12.793c16.541-3.225 33.801-2.457 50.081 2.25 17.211 4.977 32.961 14.26 45.547 26.846C4.539-82.589 14.2-38.727 0 0"
transform="translate(355.726 292.63)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-12.591-12.582-28.335-21.868-45.547-26.842a107.205 107.205 0 0 0-29.565-4.208v29.812c20.041.07 39.748 8.012 54.043 22.307C-.097 42.051 6.854 73.61-3.365 101.488l-.852 2.328 27.975 10.254.852-2.328C38.817 73.013 29.152 29.152 0 0"
transform="translate(331.112 180.888)"
fill="#fff5cb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category