Add icons to this collection by clicking the heart icon.
Loading icon - also known as interface, refresh, internet, waiting, loading, website, ui, webpage, and seo and web. Created in a clean gradient 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="640"
height="640"
viewBox="0 0 480 480"
>
<linearGradient id="a">
<stop offset="0" stop-color="#20d6de" />
<stop offset="1" stop-color="#5e309d" />
</linearGradient>
<linearGradient
id="b"
x1="-8"
x2="476.248"
y1="40"
y2="40"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="-8"
x2="476.248"
y1="240"
y2="240"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="-8"
x2="476.248"
y1="304"
y2="304"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="-8.003"
x2="476.245"
y1="176.003"
y2="176.003"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="-8"
x2="476.248"
y1="200"
y2="200"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="-8"
x2="476.248"
y1="152"
y2="152"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="-8"
x2="476.248"
y1="176"
y2="176"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="-8"
x2="476.248"
y1="400"
y2="400"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="-8"
x2="476.248"
y1="124"
y2="124"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<g fill="url(#b)">
<path d="M32 32h16v16H32zM64 32h16v16H64zM96 32h16v16H96zm0 0" />
</g>
<path
fill="url(#c)"
d="M472 0H8a8 8 0 0 0-8 8v464a8 8 0 0 0 8 8h464a8 8 0 0 0 8-8V8a8 8 0 0 0-8-8zm-8 64H144V16h320zM16 16h112v48H16zm0 448V80h448v384zm0 0"
/>
<path
fill="url(#d)"
d="M440 232H40a8 8 0 0 0-8 8v128a8 8 0 0 0 8 8h400a8 8 0 0 0 8-8V240a8 8 0 0 0-8-8zm-8 128H48V248h384zm0 0"
/>
<path
fill="url(#e)"
d="m287.672 194.34 48-47.996 11.312 11.312-47.996 48zm0 0"
/>
<path fill="url(#f)" d="M328 192h16v16h-16zm0 0" />
<path fill="url(#g)" d="M288 144h16v16h-16zm0 0" />
<path
fill="url(#h)"
d="M144 216h48v-16h-40v-16h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-48v16h40v16h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zM216 216h48a8 8 0 0 0 8-8v-64a8 8 0 0 0-8-8h-48a8 8 0 0 0-8 8v64a8 8 0 0 0 8 8zm8-64h32v48h-32zm0 0"
/>
<path
fill="url(#d)"
d="M72 344h32a8 8 0 0 0 8-8v-64a8 8 0 0 0-8-8H72a8 8 0 0 0-8 8v64a8 8 0 0 0 8 8zm8-64h16v48H80zM136 344h32a8 8 0 0 0 8-8v-64a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v64a8 8 0 0 0 8 8zm8-64h16v48h-16zM200 344h32a8 8 0 0 0 8-8v-64a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v64a8 8 0 0 0 8 8zm8-64h16v48h-16zm0 0"
/>
<path fill="url(#i)" d="M32 392h64v16H32zM112 392h16v16h-16zm0 0" />
<path fill="url(#j)" d="M392 112h40v40h16V96h-56zm0 0" />
<path
fill="url(#d)"
d="M272 296h16v16h-16zM320 296h16v16h-16zM368 296h16v16h-16zm0 0"
/>
</svg>
More icons in the same style and category