Add icons to this collection by clicking the heart icon.
Loading icon - also known as interface, loading, settings, process, percentage, load, and ui. Created in a clean flat style with a white, gray, teal, 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="100"
height="100"
viewBox="0 0 512 512"
>
<circle cx="256" cy="256" r="115.91" fill="#f1ebe0" />
<path
d="M129.803 281.755H25.755C11.531 281.755 0 270.224 0 256c0-14.224 11.531-25.755 25.755-25.755h104.048v51.51zM382.197 281.755h104.048C500.469 281.755 512 270.224 512 256c0-14.224-11.531-25.755-25.755-25.755H382.197v51.51z"
fill="#5b5b75"
/>
<path
d="M256 86v61.818c-29.827 0-56.873 12.137-76.459 31.723l-43.747-43.747C166.549 105.03 209.059 86 256 86z"
fill="#ff7b48"
/>
<path
d="M256 86v30.909c-38.41 0-73.182 15.568-98.353 40.738l-21.853-21.853C166.549 105.03 209.059 86 256 86z"
fill="#ff5a51"
/>
<path
d="m376.205 135.795-43.747 43.747c-19.586-19.586-46.632-31.723-76.459-31.723V86c46.942 0 89.452 19.03 120.206 49.795z"
fill="#0087d5"
/>
<path
d="m376.205 135.795-21.853 21.853c-25.17-25.17-59.943-40.738-98.353-40.738V86c46.942 0 89.452 19.03 120.206 49.795z"
fill="#006ecb"
/>
<path
d="M426 256h-61.818c0-29.827-12.137-56.873-31.723-76.459l43.747-43.747C406.97 166.549 426 209.059 426 256z"
fill="#e75955"
/>
<path
d="M426 256h-30.909c0-38.41-15.568-73.182-40.738-98.353l21.853-21.853C406.97 166.549 426 209.059 426 256z"
fill="#a85759"
/>
<path
d="M426 256c0 46.941-19.03 89.451-49.795 120.205l-43.747-43.747c19.586-19.586 31.723-46.632 31.723-76.459L426 256z"
fill="#ffd681"
/>
<path
d="M426 256c0 46.941-19.03 89.451-49.795 120.205l-21.853-21.853c25.17-25.17 40.738-59.943 40.738-98.353L426 256z"
fill="#ffbd2a"
/>
<path
d="M376.205 376.205C345.451 406.97 302.941 426 256 426v-61.818c29.827 0 56.873-12.137 76.459-31.723l43.746 43.746z"
fill="#ff7b48"
/>
<path
d="M376.205 376.205C345.451 406.97 302.941 426 256 426v-30.909c38.41 0 73.182-15.568 98.353-40.738l21.852 21.852z"
fill="#ff5a51"
/>
<path
d="M256 364.182V426c-46.941 0-89.451-19.03-120.205-49.795l43.747-43.747c19.585 19.587 46.631 31.724 76.458 31.724z"
fill="#0087d5"
/>
<path
d="M256 395.091V426c-46.941 0-89.451-19.03-120.205-49.795l21.853-21.853c25.17 25.171 59.942 40.739 98.352 40.739z"
fill="#006ecb"
/>
<path
d="m179.541 332.459-43.747 43.747C105.03 345.451 86 302.941 86 256h61.818c0 29.827 12.137 56.873 31.723 76.459z"
fill="#e75955"
/>
<path
d="m157.647 354.353-21.853 21.853C105.03 345.451 86 302.941 86 256h30.909c0 38.41 15.568 73.182 40.738 98.353z"
fill="#a85759"
/>
<path
d="M179.541 179.541c-19.586 19.586-31.723 46.632-31.723 76.459H86c0-46.941 19.03-89.451 49.795-120.205l43.746 43.746z"
fill="#ffd681"
/>
<path
d="M157.647 157.647c-25.17 25.17-40.738 59.943-40.738 98.353H86c0-46.941 19.03-89.451 49.795-120.205l21.852 21.852z"
fill="#ffbd2a"
/>
<circle cx="218.91" cy="221.49" r="15.455" fill="#e8e1d7" />
<circle cx="293.09" cy="290.51" r="15.455" fill="#e8e1d7" />
<path
d="M218.909 244.439c-12.657 0-22.955-10.297-22.955-22.955s10.298-22.955 22.955-22.955 22.954 10.297 22.954 22.955-10.297 22.955-22.954 22.955zm0-30.909c-4.387 0-7.955 3.568-7.955 7.955s3.568 7.955 7.955 7.955c4.386 0 7.954-3.568 7.954-7.955s-3.568-7.955-7.954-7.955zM293.091 313.47c-12.657 0-22.954-10.297-22.954-22.955s10.297-22.955 22.954-22.955 22.955 10.297 22.955 22.955-10.298 22.955-22.955 22.955zm0-30.909c-4.386 0-7.954 3.568-7.954 7.955s3.568 7.955 7.954 7.955c4.387 0 7.955-3.568 7.955-7.955s-3.568-7.955-7.955-7.955zM217.388 302.112a7.5 7.5 0 0 1-5.304-12.803l77.225-77.225a7.5 7.5 0 0 1 10.607 10.606l-77.225 77.225a7.474 7.474 0 0 1-5.303 2.197z"
fill="#5b5b75"
/>
<path
d="M486.245 230.245h-29.744c14.224 0 25.755 11.531 25.755 25.755 0 14.224-11.531 25.755-25.755 25.755h29.744C500.469 281.755 512 270.224 512 256c0-14.224-11.531-25.755-25.755-25.755z"
fill="#445"
/>
</svg>
More icons in the same style and category