Add icons to this collection by clicking the heart icon.
Cloud icon - also known as home, cloud, document, office, working, work, share, and professions and jobs. Created in a clean lineal 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 512 512"
>
<linearGradient
id="a"
x1="332"
x2="332"
y1="30.65"
y2="383.522"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<linearGradient
id="b"
x1="244"
x2="244"
y1="30.65"
y2="383.522"
href="#a"
/>
<linearGradient
id="c"
x1="296"
x2="296"
y1="30.65"
y2="383.522"
href="#a"
/>
<linearGradient
id="d"
x1="328"
x2="328"
y1="30.65"
y2="383.522"
href="#a"
/>
<linearGradient
id="e"
x1="360"
x2="360"
y1="30.65"
y2="383.522"
href="#a"
/>
<linearGradient
id="f"
x1="172"
x2="172"
y1="30.65"
y2="383.522"
href="#a"
/>
<linearGradient
id="g"
x1="136"
x2="136"
y1="30.65"
y2="383.522"
href="#a"
/>
<linearGradient
id="h"
x1="212"
x2="212"
y1="30.65"
y2="383.522"
href="#a"
/>
<linearGradient
id="i"
x1="184"
x2="184"
y1="30.65"
y2="383.522"
href="#a"
/>
<linearGradient
id="j"
x1="168"
x2="168"
y1="30.65"
y2="383.522"
href="#a"
/>
<linearGradient
id="k"
x1="152"
x2="152"
y1="30.65"
y2="383.522"
href="#a"
/>
<linearGradient
id="l"
x1="112"
x2="112"
y1="30.65"
y2="383.522"
href="#a"
/>
<path
fill="url(#a)"
d="M426.368 368.043a63.982 63.982 0 0 0-50.8-15.486A64.166 64.166 0 0 0 336 300.684v-89.371l29.657-29.656A8 8 0 0 0 368 176v-65.376a24 24 0 1 0-16 0v62.063l-16 16V136h-16v76.686l-16-16V168h-16v32a8 8 0 0 0 2.343 5.657L320 235.314v61.2a63.184 63.184 0 0 0-16-.011V280h-16v20.65a63.793 63.793 0 0 0-31.9 28.17 40.035 40.035 0 0 0-47.28 47.28A64.008 64.008 0 0 0 240 496h184a64 64 0 0 0 2.368-127.957zM360 80a8 8 0 1 1-8 8 8.009 8.009 0 0 1 8-8zm-48 232a48.177 48.177 0 0 1 8 .679v36.007l-16-16v-20.014a48.369 48.369 0 0 1 8-.672zm112 168H240a48.005 48.005 0 0 1-18.465-92.315 8 8 0 0 0 4.3-10.461 24.01 24.01 0 0 1 31.385-31.386 8 8 0 0 0 10.462-4.3A47.937 47.937 0 0 1 288 318.408V336a8 8 0 0 0 2.343 5.657L320 371.314V416h16v-97.542A48.017 48.017 0 0 1 360 360c0 .678-.025 1.349-.053 2.02a8 8 0 0 0 10.285 8 47.986 47.986 0 0 1 47.368 11.712 7.929 7.929 0 0 0 5.717 2.288c.172 0 .342-.008.513-.014L424 384a48 48 0 0 1 0 96z"
/>
<path
fill="url(#b)"
d="M80 32h328v312h16V24a8 8 0 0 0-8-8H72a8 8 0 0 0-8 8v32h16z"
/>
<path fill="url(#c)" d="M288 248h16v16h-16z" />
<path fill="url(#d)" d="M320 432h16v16h-16z" />
<path fill="url(#e)" d="M352 432h16v16h-16z" />
<path fill="url(#c)" d="M288 432h16v16h-16z" />
<path
fill="url(#f)"
d="m293.657 117.657 16-16a8 8 0 0 0 0-11.314l-16-16A8 8 0 0 0 288 72H56a24 24 0 0 0 0 48h232a8 8 0 0 0 5.657-2.343zM96 88v16H80V88zm-48 8a8.009 8.009 0 0 1 8-8h8v16h-8a8.009 8.009 0 0 1-8-8zm64 8V88h172.687l8 8-8 8z"
/>
<path fill="url(#g)" d="M128 152h16v16h-16z" />
<path fill="url(#h)" d="M160 152h104v16H160z" />
<g fill="url(#i)">
<path
d="M104 184h160v16H104zM104 216h160v16H104zM104 248h160v16H104z"
/>
</g>
<path fill="url(#j)" d="M104 280h128v16H104z" />
<path fill="url(#k)" d="M104 312h96v16h-96z" />
<path
fill="url(#l)"
d="M136 368a8 8 0 0 0-8-8H80V136H64v232a8 8 0 0 0 2.343 5.657l56 56A8 8 0 0 0 128 432h32v-16h-24zm-16 36.687L91.313 376H120z"
/>
</svg>
More icons in the same style and category