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 white, silver, gray, black, teal, and blue 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-22.57-18.297-40.867-40.867-40.867-22.57 0-40.867 18.297-40.867 40.867 0 22.57 18.297 40.867 40.867 40.867C-18.297 40.867 0 22.57 0 0"
transform="translate(296.867 463.633)"
fill="#5169cd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-22.57-18.297-40.867-40.867-40.867-22.57 0-40.867 18.297-40.867 40.867 0 22.57 18.297 40.867 40.867 40.867C-18.297 40.867 0 22.57 0 0"
transform="translate(296.867 48.367)"
fill="#64b9fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-22.567-18.299-40.867-40.867-40.867a40.717 40.717 0 0 0-15.938 3.224C-42.156-31.431-31.876-16.919-31.876 0s-10.28 31.431-24.929 37.643a40.717 40.717 0 0 0 15.938 3.224C-18.299 40.867 0 22.568 0 0"
transform="translate(296.867 463.633)"
fill="#3351c5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-22.568-18.299-40.867-40.867-40.867a40.717 40.717 0 0 0-15.938 3.224C-42.156-31.431-31.876-16.919-31.876 0s-10.28 31.431-24.929 37.643a40.717 40.717 0 0 0 15.938 3.224C-18.299 40.867 0 22.567 0 0"
transform="translate(296.867 48.367)"
fill="#31a7fb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-22.57-18.297-40.867-40.867-40.867-22.57 0-40.867 18.297-40.867 40.867 0 22.57 18.297 40.867 40.867 40.867C-18.297 40.867 0 22.57 0 0Z"
transform="translate(296.867 463.633)"
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-13.99-6.488-23.697-20.649-23.697-37.084 0-22.571 18.297-40.867 40.867-40.867 22.57 0 40.867 18.296 40.867 40.867 0 15.59-8.732 29.137-21.571 36.028"
transform="translate(238.83 85.451)"
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-22.57-18.297-40.867-40.867-40.867-22.57 0-40.867 18.297-40.867 40.867 0 22.57 18.297 40.867 40.867 40.867C-18.297 40.867 0 22.57 0 0"
transform="translate(193.05 435.816)"
fill="#6d81d5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-22.57-18.297-40.867-40.867-40.867-22.57 0-40.867 18.297-40.867 40.867 0 22.57 18.297 40.867 40.867 40.867C-18.297 40.867 0 22.57 0 0"
transform="translate(400.683 76.184)"
fill="#8dcafc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-22.567-18.299-40.867-40.867-40.867a40.717 40.717 0 0 0-15.938 3.224C-42.156-31.431-31.876-16.919-31.876 0s-10.28 31.431-24.929 37.643a40.717 40.717 0 0 0 15.938 3.224C-18.299 40.867 0 22.568 0 0"
transform="translate(193.05 435.815)"
fill="#5169cd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-22.568-18.299-40.867-40.867-40.867a40.713 40.713 0 0 0-15.938 3.224C-42.156-31.431-31.876-16.919-31.876 0s-10.28 31.431-24.929 37.643a40.717 40.717 0 0 0 15.938 3.224C-18.299 40.867 0 22.567 0 0"
transform="translate(400.683 76.185)"
fill="#64b9fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-22.57-18.297-40.867-40.867-40.867-22.57 0-40.867 18.297-40.867 40.867 0 22.57 18.297 40.867 40.867 40.867C-18.297 40.867 0 22.57 0 0Z"
transform="translate(193.05 435.816)"
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-22.57-18.297-40.867-40.867-40.867-22.57 0-40.867 18.297-40.867 40.867 0 22.57 18.297 40.867 40.867 40.867C-18.297 40.867 0 22.57 0 0Z"
transform="translate(400.683 76.184)"
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-22.57-18.297-40.867-40.867-40.867-22.57 0-40.867 18.297-40.867 40.867 0 22.57 18.297 40.867 40.867 40.867C-18.297 40.867 0 22.57 0 0"
transform="translate(89.234 256)"
fill="#1c96f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-22.57-18.297-40.867-40.867-40.867-22.57 0-40.867 18.297-40.867 40.867 0 22.57 18.297 40.867 40.867 40.867C-18.297 40.867 0 22.57 0 0"
transform="translate(504.5 256)"
fill="#c4e1ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-22.567-18.299-40.867-40.867-40.867a40.735 40.735 0 0 0-15.938 3.224C-42.156-31.431-31.876-16.919-31.876 0s-10.28 31.431-24.929 37.643a40.717 40.717 0 0 0 15.938 3.224C-18.299 40.867 0 22.568 0 0"
transform="translate(89.234 256)"
fill="#1785f8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-22.568-18.299-40.867-40.867-40.867a40.731 40.731 0 0 0-15.938 3.224C-42.156-31.431-31.876-16.919-31.876 0s-10.28 31.431-24.929 37.643a40.717 40.717 0 0 0 15.938 3.224C-18.299 40.867 0 22.567 0 0"
transform="translate(504.5 256)"
fill="#b5dbfd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-22.57-18.297-40.867-40.867-40.867-22.57 0-40.867 18.297-40.867 40.867 0 22.57 18.297 40.867 40.867 40.867C-18.297 40.867 0 22.57 0 0Z"
transform="translate(89.234 256)"
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-22.57-18.297-40.867-40.867-40.867-22.57 0-40.867 18.297-40.867 40.867 0 22.57 18.297 40.867 40.867 40.867C-18.297 40.867 0 22.57 0 0Z"
transform="translate(504.5 256)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="5,32"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0c0-22.57-18.297-40.867-40.867-40.867-22.57 0-40.867 18.297-40.867 40.867 0 22.57 18.297 40.867 40.867 40.867C-18.297 40.867 0 22.57 0 0"
transform="translate(117.052 359.817)"
fill="#1785f8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-22.57-18.297-40.867-40.867-40.867-22.57 0-40.867 18.297-40.867 40.867 0 22.57 18.297 40.867 40.867 40.867C-18.297 40.867 0 22.57 0 0"
transform="translate(476.682 152.183)"
fill="#b5dbfd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-22.567-18.299-40.867-40.867-40.867a40.717 40.717 0 0 0-15.938 3.224C-42.156-31.431-31.876-16.919-31.876 0s-10.28 31.431-24.929 37.643a40.717 40.717 0 0 0 15.938 3.224C-18.299 40.867 0 22.568 0 0"
transform="translate(117.052 359.816)"
fill="#1576f7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-22.568-18.299-40.867-40.867-40.867a40.731 40.731 0 0 0-15.938 3.224C-42.156-31.431-31.876-16.919-31.876 0s-10.28 31.431-24.929 37.643a40.717 40.717 0 0 0 15.938 3.224C-18.299 40.867 0 22.567 0 0"
transform="translate(476.682 152.184)"
fill="#8dcafc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a40.774 40.774 0 0 1 2.471 14.026c0 22.57-18.296 40.867-40.866 40.867s-40.867-18.296-40.867-40.867c0-22.57 18.296-40.866 40.867-40.866 4.139 0 8.133.621 11.899 1.765"
transform="translate(114.58 345.79)"
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-6.696 13.432-20.56 22.664-36.588 22.664-22.57 0-40.867-18.297-40.867-40.867 0-22.57 18.297-40.867 40.867-40.867 16.003 0 29.849 9.205 36.557 22.604"
transform="translate(472.404 170.386)"
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-22.57-18.297-40.867-40.867-40.867-22.57 0-40.867 18.297-40.867 40.867 0 22.57 18.297 40.867 40.867 40.867C-18.297 40.867 0 22.57 0 0"
transform="translate(476.682 359.817)"
fill="#d9ecfd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-22.57-18.297-40.867-40.867-40.867-22.57 0-40.867 18.297-40.867 40.867 0 22.57 18.297 40.867 40.867 40.867C-18.297 40.867 0 22.57 0 0"
transform="translate(117.052 152.183)"
fill="#31a7fb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-22.567-18.299-40.867-40.867-40.867a40.713 40.713 0 0 0-15.938 3.224C-42.156-31.431-31.876-16.919-31.876 0s-10.28 31.431-24.929 37.643a40.717 40.717 0 0 0 15.938 3.224C-18.299 40.867 0 22.568 0 0"
transform="translate(476.682 359.816)"
fill="#c4e1ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-22.568-18.299-40.867-40.867-40.867a40.735 40.735 0 0 0-15.938 3.224C-42.156-31.431-31.876-16.919-31.876 0s-10.28 31.431-24.929 37.643a40.717 40.717 0 0 0 15.938 3.224C-18.299 40.867 0 22.567 0 0"
transform="translate(117.052 152.184)"
fill="#1c96f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-22.57-18.297-40.867-40.867-40.867-22.57 0-40.867 18.297-40.867 40.867 0 22.57 18.297 40.867 40.867 40.867C-18.297 40.867 0 22.57 0 0Z"
transform="translate(476.682 359.817)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="5,38"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0c0-22.57-18.297-40.867-40.867-40.867-22.57 0-40.867 18.297-40.867 40.867 0 22.57 18.297 40.867 40.867 40.867C-18.297 40.867 0 22.57 0 0Z"
transform="translate(117.052 152.183)"
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-22.57-18.297-40.867-40.867-40.867-22.57 0-40.867 18.297-40.867 40.867 0 22.57 18.297 40.867 40.867 40.867C-18.297 40.867 0 22.57 0 0"
transform="translate(400.683 435.816)"
fill="#eaf6ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-22.57-18.297-40.867-40.867-40.867-22.57 0-40.867 18.297-40.867 40.867 0 22.57 18.297 40.867 40.867 40.867C-18.297 40.867 0 22.57 0 0"
transform="translate(193.05 76.184)"
fill="#31a7fb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-22.567-18.299-40.867-40.867-40.867a40.731 40.731 0 0 0-15.938 3.224C-42.156-31.431-31.876-16.919-31.876 0s-10.28 31.431-24.929 37.643a40.717 40.717 0 0 0 15.938 3.224C-18.299 40.867 0 22.568 0 0"
transform="translate(400.683 435.815)"
fill="#d9ecfd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-22.568-18.299-40.867-40.867-40.867a40.735 40.735 0 0 0-15.938 3.224C-42.156-31.431-31.876-16.919-31.876 0s-10.28 31.431-24.929 37.643a40.717 40.717 0 0 0 15.938 3.224C-18.299 40.867 0 22.567 0 0"
transform="translate(193.05 76.185)"
fill="#1c96f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-22.57-18.297-40.867-40.867-40.867-22.57 0-40.867 18.297-40.867 40.867 0 22.57 18.297 40.867 40.867 40.867C-18.297 40.867 0 22.57 0 0Z"
transform="translate(400.683 435.816)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="5,46"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0c0-22.57-18.297-40.867-40.867-40.867-22.57 0-40.867 18.297-40.867 40.867 0 22.57 18.297 40.867 40.867 40.867C-18.297 40.867 0 22.57 0 0Z"
transform="translate(193.05 76.184)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category