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 0h-22.098c-5.582 0-10.106 4.524-10.106 10.105v101.38c0 5.581 4.524 10.105 10.106 10.105H0c5.581 0 10.105-4.524 10.105-10.105V10.105C10.105 4.524 5.581 0 0 0"
transform="translate(267.05 382.91)"
fill="#64b9fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-22.098c-5.582 0-10.106 4.524-10.106 10.105v101.38c0 5.581 4.524 10.105 10.106 10.105H0c5.581 0 10.105-4.524 10.105-10.105V10.105C10.105 4.524 5.581 0 0 0Z"
transform="translate(267.05 382.91)"
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 0h-22.098c-5.582 0-10.106 4.524-10.106 10.105v101.38c0 5.581 4.524 10.105 10.106 10.105H0c5.581 0 10.105-4.524 10.105-10.105V10.105C10.105 4.524 5.581 0 0 0"
transform="translate(267.05 7.5)"
fill="#3351c5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-21.361c0-5.581 4.524-10.106 10.105-10.106h22.099c5.581 0 10.105 4.525 10.105 10.106V80.018c0 5.581-4.524 10.105-10.105 10.105H10.105C4.524 90.123 0 85.599 0 80.018V36.466"
transform="translate(234.845 38.967)"
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 0-19.138-11.049c-4.833-2.791-11.014-1.135-13.804 3.699l-50.69 87.797c-2.79 4.833-1.134 11.013 3.699 13.804l19.138 11.049c4.833 2.791 11.014 1.135 13.804-3.699l50.69-87.797C6.489 8.971 4.833 2.791 0 0"
transform="translate(202.114 371.432)"
fill="#31a7fb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-26.669 46.192c-2.791 4.834-8.971 6.49-13.804 3.699l-19.138-11.049c-4.833-2.791-6.49-8.971-3.699-13.804l50.69-87.797c2.79-4.834 8.971-6.49 13.804-3.699l19.138 11.049c4.833 2.791 6.489 8.971 3.699 13.804l-5.79 10.029"
transform="translate(181.792 426.84)"
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 0-11.049-19.138c-2.791-4.833-8.971-6.489-13.804-3.699l-87.797 50.69c-4.834 2.791-6.49 8.971-3.699 13.804l11.049 19.138c2.79 4.833 8.971 6.489 13.804 3.699l87.797-50.69C1.135 11.014 2.791 4.833 0 0"
transform="translate(151.617 329.024)"
fill="#1c96f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-11.049-19.138c-2.791-4.833-8.971-6.489-13.804-3.699l-87.797 50.69c-4.834 2.791-6.49 8.971-3.699 13.804l11.049 19.138c2.79 4.833 8.971 6.489 13.804 3.699l87.797-50.69C1.135 11.014 2.791 4.833 0 0Z"
transform="translate(151.617 329.024)"
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 0v-22.098c0-5.582-4.524-10.106-10.105-10.106h-101.38c-5.581 0-10.105 4.524-10.105 10.106V0c0 5.581 4.524 10.105 10.105 10.105h101.38C-4.524 10.105 0 5.581 0 0"
transform="translate(129.09 267.05)"
fill="#1785f8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-22.098c0-5.582-4.524-10.106-10.105-10.106h-101.38c-5.581 0-10.105 4.524-10.105 10.106V0c0 5.581 4.524 10.105 10.105 10.105h101.38C-4.524 10.105 0 5.581 0 0Z"
transform="translate(129.09 267.05)"
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 0v-22.098c0-5.582-4.524-10.106-10.105-10.106h-101.38c-5.581 0-10.105 4.524-10.105 10.106V0c0 5.581 4.524 10.105 10.105 10.105h101.38C-4.524 10.105 0 5.581 0 0"
transform="translate(504.5 267.05)"
fill="#d9ecfd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-22.1c0-5.58-4.52-10.1-10.11-10.1h-30.83c.59 6.97.89 14.03.89 21.15 0 7.12-.3 14.18-.89 21.15h30.83C-4.52 10.1 0 5.58 0 0"
transform="translate(504.5 267.05)"
fill="#c4e1ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-46.541c-5.581 0-10.105-4.524-10.105-10.105v-22.099c0-5.581 4.524-10.105 10.105-10.105H54.838c5.581 0 10.106 4.524 10.106 10.105v22.099C64.944-4.524 60.419 0 54.838 0H36.466"
transform="translate(439.556 277.154)"
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 0 11.049-19.138c2.791-4.833 1.135-11.014-3.699-13.804l-87.797-50.69c-4.833-2.79-11.013-1.134-13.804 3.699L-105.3-60.795c-2.791 4.833-1.135 11.014 3.699 13.804l87.797 50.69C-8.971 6.489-2.791 4.833 0 0"
transform="translate(140.568 202.114)"
fill="#1576f7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 11.049-19.138c2.791-4.833 1.135-11.014-3.699-13.804l-87.797-50.69c-4.833-2.79-11.013-1.134-13.804 3.699L-105.3-60.795c-2.791 4.833-1.135 11.014 3.699 13.804l87.797 50.69C-8.971 6.489-2.791 4.833 0 0Z"
transform="translate(140.568 202.114)"
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 0 11.049-19.138c2.791-4.833 1.135-11.014-3.699-13.804l-87.797-50.69c-4.833-2.79-11.013-1.134-13.804 3.699L-105.3-60.795c-2.791 4.833-1.135 11.014 3.699 13.804l87.797 50.69C-8.971 6.489-2.791 4.833 0 0"
transform="translate(465.683 389.819)"
fill="#c4e1ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-24.2-13.98a247.272 247.272 0 0 1-18.21 38.35l21.26 12.27c4.83 2.79 11.01 1.13 13.8-3.7L3.7 13.8C6.49 8.97 4.84 2.79 0 0"
transform="translate(473.03 356.88)"
fill="#8dcafc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 11.049-19.138c2.791-4.833 1.135-11.014-3.699-13.804l-87.797-50.69c-4.833-2.79-11.013-1.134-13.804 3.699L-105.3-60.795c-2.791 4.833-1.135 11.014 3.699 13.804l87.797 50.69C-8.971 6.489-2.791 4.833 0 0Z"
transform="translate(465.683 389.819)"
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 0 19.138-11.049c4.833-2.791 6.489-8.971 3.699-13.804l-50.69-87.797c-2.791-4.834-8.971-6.49-13.804-3.699L-60.795-105.3c-4.833 2.79-6.489 8.971-3.699 13.804l50.69 87.797C-11.014 1.135-4.833 2.791 0 0"
transform="translate(182.976 151.617)"
fill="#5169cd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 19.138-11.049c4.833-2.791 6.489-8.971 3.699-13.804l-50.69-87.797c-2.791-4.834-8.971-6.49-13.804-3.699L-60.795-105.3c-4.833 2.79-6.489 8.971-3.699 13.804l50.69 87.797C-11.014 1.135-4.833 2.791 0 0Z"
transform="translate(182.976 151.617)"
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 0 19.138-11.049c4.833-2.791 6.489-8.971 3.699-13.804l-50.69-87.797c-2.791-4.834-8.971-6.49-13.804-3.699L-60.795-105.3c-4.833 2.79-6.489 8.971-3.699 13.804l50.69 87.797C-11.014 1.134-4.833 2.791 0 0"
transform="translate(370.681 476.732)"
fill="#8dcafc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-8.14-14.09a249.439 249.439 0 0 1-33.63 26.35l5.13 8.89c2.79 4.84 8.97 6.49 13.8 3.7L-3.7 13.8C1.13 11.01 2.79 4.83 0 0"
transform="translate(393.52 451.88)"
fill="#64b9fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 19.138-11.049c4.833-2.791 6.489-8.971 3.699-13.804l-50.69-87.797c-2.791-4.834-8.971-6.49-13.804-3.699L-60.795-105.3c-4.833 2.79-6.489 8.971-3.699 13.804l50.69 87.797C-11.014 1.134-4.833 2.791 0 0Z"
transform="translate(370.681 476.732)"
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 0 19.138 11.049c4.833 2.791 11.014 1.135 13.804-3.699l50.69-87.797c2.79-4.833 1.134-11.013-3.699-13.804L60.795-105.3c-4.833-2.791-11.014-1.135-13.804 3.699l-50.69 87.797C-6.489-8.971-4.833-2.791 0 0"
transform="translate(309.886 140.568)"
fill="#3351c5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-19.14-11.05c-4.83-2.79-11.01-1.14-13.8 3.7l-5.13 8.89A249.439 249.439 0 0 1-4.44 27.89L3.7 13.8C6.49 8.97 4.83 2.79 0 0"
transform="translate(389.82 46.32)"
fill="#2944ae"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 19.138 11.049c4.833 2.791 11.014 1.135 13.804-3.699l50.69-87.797c2.79-4.833 1.134-11.013-3.699-13.804L60.795-105.3c-4.833-2.791-11.014-1.135-13.804 3.699l-50.69 87.797C-6.489-8.971-4.833-2.791 0 0Z"
transform="translate(309.886 140.568)"
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 0 11.049 19.138c2.791 4.833 8.971 6.489 13.804 3.699l87.797-50.69c4.834-2.791 6.49-8.971 3.699-13.804L105.3-60.795c-2.79-4.833-8.971-6.489-13.804-3.699L3.699-13.804C-1.135-11.014-2.791-4.833 0 0"
transform="translate(360.383 182.976)"
fill="#eaf6ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-11.05-19.14c-2.79-4.83-8.97-6.49-13.8-3.7l-21.26 12.27A247.272 247.272 0 0 1-27.9 27.78L-3.7 13.8C1.14 11.01 2.79 4.83 0 0"
transform="translate(476.73 141.32)"
fill="#c4e1ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 11.049 19.138c2.791 4.833 8.971 6.489 13.804 3.699l87.797-50.69c4.834-2.791 6.49-8.971 3.699-13.804L105.3-60.795c-2.79-4.833-8.971-6.489-13.804-3.699L3.699-13.804C-1.135-11.014-2.791-4.833 0 0Z"
transform="translate(360.383 182.976)"
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