Add icons to this collection by clicking the heart icon.
Loading icon - also known as interface, time, loading, ui, and spinner. 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"
>
<circle cx="272.032" cy="264.016" r="64.129" fill="#f2fbff" />
<path
d="M278.906 200.252c10.704 11.459 17.255 26.847 17.255 43.765 0 35.417-28.712 64.129-64.129 64.129a65.03 65.03 0 0 1-6.874-.364c11.704 12.531 28.374 20.364 46.874 20.364 35.417 0 64.129-28.711 64.129-64.129 0-33.096-25.069-60.335-57.255-63.765z"
fill="#dff6fd"
/>
<circle cx="272.032" cy="63.613" r="56.113" fill="#01c0fa" />
<circle cx="130.326" cy="122.31" r="56.113" fill="#01c0fa" />
<circle cx="71.629" cy="264.016" r="50.681" fill="#01c0fa" />
<circle cx="272.032" cy="464.419" r="40.081" fill="#01c0fa" />
<circle cx="130.326" cy="405.723" r="45.513" fill="#01c0fa" />
<circle cx="413.739" cy="405.723" r="24.048" fill="#08a9f1" />
<path
d="M275.049 7.58c8.174 9.748 13.097 22.316 13.097 36.033 0 30.99-25.123 56.113-56.113 56.113a56.88 56.88 0 0 1-3.016-.08c10.293 12.275 25.743 20.08 43.016 20.08 30.99 0 56.113-25.123 56.113-56.113-.001-29.978-23.509-54.466-53.097-56.033zM170.004 82.632c-10.188-10.188-23.32-15.639-36.658-16.353 18.507 22.046 17.393 54.973-3.342 75.709-11.725 11.725-27.348 17.176-42.698 16.353a56.833 56.833 0 0 0 3.343 3.647c21.913 21.914 57.442 21.914 79.356 0 21.912-21.914 21.912-57.443-.001-79.356zM71.972 213.337a50.46 50.46 0 0 1 10.338 30.679c0 27.99-22.69 50.681-50.681 50.681l-.343-.001c9.258 12.155 23.884 20.001 40.343 20.001 27.99 0 50.681-22.691 50.681-50.681 0-27.875-22.506-50.495-50.338-50.679zM300.374 436.078c-9.13-9.13-21.569-12.934-33.456-11.413 8.669 15.29 6.488 35.063-6.544 48.096a39.899 39.899 0 0 1-23.227 11.413 40.12 40.12 0 0 0 6.544 8.587c15.653 15.652 41.03 15.652 56.683 0s15.652-41.03 0-56.683zM130.326 360.21c-.76 0-1.516.019-2.267.056a45.298 45.298 0 0 1 7.78 25.457c0 24.376-19.163 44.276-43.246 45.457 8.18 12.101 22.027 20.056 37.733 20.056 25.136 0 45.513-20.377 45.513-45.513s-20.377-45.513-45.513-45.513z"
fill="#08a9f1"
/>
<circle cx="472.436" cy="264.016" r="18.616" fill="#08a9f1" />
<path
d="M332.401 242.328a64.014 64.014 0 0 1 3.76 21.688c0 35.418-28.712 64.129-64.129 64.129s-64.129-28.712-64.129-64.129 28.712-64.129 64.129-64.129a63.857 63.857 0 0 1 40.124 14.1"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle
cx="272.032"
cy="63.613"
r="56.113"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M100.85 74.547c21.635-13.377 50.387-10.682 69.153 8.085 21.913 21.913 21.913 57.442 0 79.356s-57.442 21.913-79.356 0c-16.384-16.384-20.518-40.38-12.402-60.605"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle
cx="71.629"
cy="264.016"
r="50.681"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle
cx="272.032"
cy="464.419"
r="40.081"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M97.923 437.683c-8.106-8.218-13.11-19.505-13.11-31.96 0-25.136 20.377-45.513 45.513-45.513s45.513 20.377 45.513 45.513c0 25.118-20.347 45.483-45.458 45.513"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle
cx="413.739"
cy="405.723"
r="24.048"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle
cx="472.436"
cy="264.016"
r="18.616"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M413.739 122.31h0M272.032 231.952v32.064h16.033M413.739 122.31h0M413.739 122.31h0"
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