Add icons to this collection by clicking the heart icon.
Cloud icon - also known as technology, interface, cloud, tablet, phone, touch screen, data storage, ui, electronics, applications, 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="100"
height="100"
viewBox="0 0 992.936 992.936"
>
<linearGradient
id="a"
x1="-22.043"
x2="1006.704"
y1="891.629"
y2="891.629"
gradientTransform="matrix(1 0 0 -1 0 990.936)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M182.049 132.403h628.839v66.194h33.097V82.758C843.93 37.084 806.917.071 761.243.016H231.694c-45.674.055-82.687 37.068-82.742 82.742v115.839h33.097v-66.194zm49.645-99.29h529.548c27.418 0 49.645 22.227 49.645 49.645v16.548H182.049V82.758c0-27.418 22.226-49.645 49.645-49.645z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-22.043"
x2="1006.704"
y1="97.307"
y2="97.307"
gradientTransform="matrix(1 0 0 -1 0 990.936)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M810.887 860.532H182.049v-66.194h-33.097v115.839c.055 45.674 37.068 82.687 82.742 82.742h529.548c45.674-.055 82.687-37.068 82.742-82.742V794.339h-33.097v66.193zm-49.645 99.291H231.694c-27.418 0-49.645-22.227-49.645-49.645V893.63h628.839v16.548c-.001 27.418-22.228 49.645-49.646 49.645z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-22.043"
x2="1006.704"
y1="808.887"
y2="808.887"
gradientTransform="matrix(1 0 0 -1 0 990.936)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path d="M744.694 165.5h33.097v33.097h-33.097z" fill="url(#c)" />
<linearGradient
id="d"
x1="-22.043"
x2="1006.704"
y1="808.887"
y2="808.887"
gradientTransform="matrix(1 0 0 -1 0 990.936)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path d="M678.5 165.5h33.097v33.097H678.5z" fill="url(#d)" />
<linearGradient
id="e"
x1="-22.043"
x2="1006.704"
y1="808.887"
y2="808.887"
gradientTransform="matrix(1 0 0 -1 0 990.936)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path d="M612.307 165.5h33.097v33.097h-33.097z" fill="url(#e)" />
<linearGradient
id="f"
x1="-22.043"
x2="1006.704"
y1="808.887"
y2="808.887"
gradientTransform="matrix(1 0 0 -1 0 990.936)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path d="M215.145 165.5h33.097v33.097h-33.097z" fill="url(#f)" />
<linearGradient
id="g"
x1="-22.043"
x2="1006.704"
y1="64.21"
y2="64.21"
gradientTransform="matrix(1 0 0 -1 0 990.936)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M529.565 910.178h-66.194c-9.139 0-16.548 7.409-16.548 16.548s7.409 16.548 16.548 16.548h66.194c9.139 0 16.548-7.409 16.548-16.548s-7.409-16.548-16.548-16.548z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="-22.043"
x2="1006.704"
y1="477.906"
y2="477.906"
gradientTransform="matrix(1 0 0 -1 0 990.936)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M347.532 728.145a148.622 148.622 0 0 0 93.416-33.097h221.004a15.07 15.07 0 0 0 7.563-2.069c81.111-13.28 136.098-89.799 122.818-170.91-10.964-66.962-65.833-118.029-133.409-124.164-45.331-89.734-154.823-125.729-244.556-80.398a182.034 182.034 0 0 0-93.693 115.149c-80.939 14.654-134.673 92.148-120.019 173.087 12.852 70.989 74.734 122.559 146.876 122.402zm-11.683-264.178a16.55 16.55 0 0 0 14.596-13.239c16.173-80.649 94.663-132.917 175.312-116.744a148.934 148.934 0 0 1 107.235 86.494 16.548 16.548 0 0 0 14.894 9.929c63.891 1.233 114.685 54.026 113.452 117.917-1.11 57.508-44.295 105.47-101.372 112.585a14.903 14.903 0 0 0-3.806 1.026H434.891a16.55 16.55 0 0 0-10.938 4.137c-47.966 42.334-121.169 37.768-163.503-10.198-42.334-47.966-37.768-121.169 10.198-163.503a115.844 115.844 0 0 1 65.201-28.421v.017z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="-22.043"
x2="1006.704"
y1="659.952"
y2="659.952"
gradientTransform="matrix(1 0 0 -1 0 990.936)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M66.21 362.426v84.397c0 9.139 7.409 16.548 16.548 16.548h132.387v-33.097H99.307v-67.848c44.774-9.139 73.661-52.845 64.522-97.619s-52.845-73.661-97.619-64.522c-44.774 9.139-73.661 52.845-64.522 97.619 6.633 32.495 32.027 57.889 64.522 64.522zm16.548-130.732c27.418 0 49.645 22.227 49.645 49.645s-22.227 49.645-49.645 49.645-49.645-22.227-49.645-49.645 22.227-49.645 49.645-49.645z"
fill="url(#i)"
/>
<linearGradient
id="j"
x1="-22.043"
x2="1006.704"
y1="328.984"
y2="328.984"
gradientTransform="matrix(1 0 0 -1 0 990.936)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M99.307 630.51v-67.848h82.742v-33.097h-99.29c-9.139 0-16.548 7.409-16.548 16.548v84.397c-44.774 9.139-73.661 52.845-64.522 97.619 9.139 44.774 52.845 73.661 97.619 64.522s73.661-52.845 64.522-97.619c-6.634-32.495-32.029-57.889-64.523-64.522zM82.758 761.242c-27.418 0-49.645-22.227-49.645-49.645 0-27.418 22.227-49.645 49.645-49.645s49.645 22.227 49.645 49.645c0 27.418-22.226 49.645-49.645 49.645z"
fill="url(#j)"
/>
<linearGradient
id="k"
x1="-22.043"
x2="1006.704"
y1="659.952"
y2="659.952"
gradientTransform="matrix(1 0 0 -1 0 990.936)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M893.629 362.426v67.848H777.79v33.097h132.387c9.139 0 16.548-7.409 16.548-16.548v-84.397c44.774-9.139 73.661-52.845 64.522-97.619s-52.845-73.661-97.619-64.522c-44.774 9.139-73.661 52.845-64.522 97.619 6.634 32.495 32.029 57.889 64.523 64.522zm16.549-130.732c27.418 0 49.645 22.227 49.645 49.645s-22.227 49.645-49.645 49.645c-27.418 0-49.645-22.227-49.645-49.645s22.226-49.645 49.645-49.645z"
fill="url(#k)"
/>
<linearGradient
id="l"
x1="-22.043"
x2="1006.704"
y1="328.984"
y2="328.984"
gradientTransform="matrix(1 0 0 -1 0 990.936)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M926.726 630.51v-84.397c0-9.139-7.409-16.548-16.548-16.548h-99.29v33.097h82.742v67.848c-44.774 9.139-73.661 52.845-64.522 97.619 9.139 44.774 52.845 73.661 97.619 64.522 44.774-9.139 73.661-52.845 64.522-97.619-6.634-32.495-32.029-57.889-64.523-64.522zm-16.548 130.732c-27.418 0-49.645-22.227-49.645-49.645 0-27.418 22.227-49.645 49.645-49.645 27.418 0 49.645 22.227 49.645 49.645 0 27.418-22.227 49.645-49.645 49.645z"
fill="url(#l)"
/>
</svg>
More icons in the same style and category