Add icons to this collection by clicking the heart icon.
Cloud Computing icon - also known as data, transfer, multimedia, browser, ui, and cloud computing. 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="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient
id="a"
x1="31"
x2="31"
y1="63.893"
y2=".342"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".35" stop-color="#ed683c" />
<stop offset=".7" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<linearGradient id="b" x1="35" x2="35" y1="63.893" y2=".342" href="#a" />
<linearGradient id="c" x1="51" x2="51" y1="63.893" y2=".342" href="#a" />
<linearGradient id="d" x1="45" x2="45" y1="63.893" y2=".342" href="#a" />
<linearGradient id="e" x1="49" x2="49" y1="63.893" y2=".342" href="#a" />
<linearGradient id="f" x1="50" x2="50" y1="63.893" y2=".342" href="#a" />
<linearGradient id="g" x1="13" x2="13" y1="63.893" y2=".342" href="#a" />
<linearGradient id="h" x1="7" x2="7" y1="63.893" y2=".342" href="#a" />
<linearGradient id="i" x1="11" x2="11" y1="63.893" y2=".342" href="#a" />
<linearGradient id="j" x1="12" x2="12" y1="63.893" y2=".342" href="#a" />
<linearGradient id="k" x1="54" x2="54" y1="63.893" y2=".342" href="#a" />
<linearGradient id="l" x1="58" x2="58" y1="63.893" y2=".342" href="#a" />
<linearGradient id="m" x1="53" x2="53" y1="63.893" y2=".342" href="#a" />
<linearGradient id="n" x1="8" x2="8" y1="63.893" y2=".342" href="#a" />
<path
fill="url(#a)"
d="M20 28a6 6 0 0 0 0 12h22a6 6 0 0 0 0-12h-2.063a8 8 0 0 0-15.364-3.958A3.915 3.915 0 0 0 24 24a4 4 0 0 0-4 4zm4.813-1.821a1.006 1.006 0 0 0 .845-.011 1 1 0 0 0 .535-.654 6 6 0 1 1 11.555 3.2A1 1 0 0 0 38.706 30H42a4 4 0 0 1 0 8H20a4 4 0 0 1 0-8h1.184a1 1 0 0 0 .942-1.333A1.973 1.973 0 0 1 24 26a1.96 1.96 0 0 1 .813.179z"
/>
<path fill="url(#b)" d="M34 28h2v2h-2z" />
<path fill="url(#a)" d="M30 28h2v2h-2z" />
<path
fill="url(#c)"
d="M60 2H42a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2zm0 2v4H42V4zM42 20V10h18v10z"
/>
<path fill="url(#d)" d="M44 5h2v2h-2z" />
<path fill="url(#e)" d="M48 5h2v2h-2z" />
<path fill="url(#d)" d="M44 12h2v2h-2z" />
<path fill="url(#f)" d="M48 12h4v2h-4zM44 16h12v2H44z" />
<path
fill="url(#g)"
d="M4 22h1v7a1 1 0 0 0 1 1h3v-2H7v-6h15a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2zm0-2V10h18v10zM22 4v4H4V4z"
/>
<path fill="url(#h)" d="M6 5h2v2H6z" />
<path fill="url(#i)" d="M10 5h2v2h-2z" />
<path fill="url(#h)" d="M6 12h2v2H6z" />
<path fill="url(#j)" d="M10 12h4v2h-4zM6 16h12v2H6z" />
<path
fill="url(#g)"
d="M22 42H4a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2V44a2 2 0 0 0-2-2zm0 2v4H4v-4zM4 60V50h18v10z"
/>
<path fill="url(#h)" d="M6 45h2v2H6z" />
<path fill="url(#i)" d="M10 45h2v2h-2z" />
<path fill="url(#h)" d="M6 52h2v2H6z" />
<path fill="url(#j)" d="M10 52h4v2h-4zM6 56h12v2H6z" />
<path
fill="url(#c)"
d="M60 42h-1v-2h-2v2H42a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2V44a2 2 0 0 0-2-2zm0 2v4H42v-4zM42 60V50h18v10z"
/>
<path fill="url(#d)" d="M44 45h2v2h-2z" />
<path fill="url(#e)" d="M48 45h2v2h-2z" />
<path fill="url(#d)" d="M44 52h2v2h-2z" />
<path fill="url(#f)" d="M48 52h4v2h-4zM44 56h12v2H44z" />
<path
fill="url(#k)"
d="M57 29h-2.184a3 3 0 1 0 0 2H58a1 1 0 0 0 1-1v-2h-2zm-5 2a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"
/>
<path fill="url(#l)" d="M57 24h2v2h-2zM57 36h2v2h-2z" />
<path fill="url(#m)" d="M51 36h4v2h-4z" />
<path
fill="url(#n)"
d="M7.184 36H4a1 1 0 0 0-1 1v3h2v-2h2.184a3 3 0 1 0 0-2zM11 37a1 1 0 1 1-1-1 1 1 0 0 1 1 1z"
/>
<path fill="url(#j)" d="M11 28h2v2h-2z" />
</svg>
More icons in the same style and category