Add icons to this collection by clicking the heart icon.
Cloud icon - also known as technology, cloud, smartphone, iphone, mobile phone, touch screen, transfer, cellphone, ui, cloud computing, and communications. 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 480 480"
>
<linearGradient
id="a"
x1="-26.875"
x2="-26.875"
y1="556.495"
y2="620.468"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M344 0H136c-22.08.026-39.974 17.92-40 40v400c.026 22.08 17.92 39.974 40 40h208c22.08-.026 39.974-17.92 40-40V40c-.026-22.08-17.92-39.974-40-40zM112 64h256v352H112V64zm24-48h208c13.255 0 24 10.745 24 24v8H112v-8c0-13.255 10.745-24 24-24zm208 448H136c-13.255 0-24-10.745-24-24v-8h256v8c0 13.255-10.745 24-24 24z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-30.375"
x2="-30.375"
y1="556.495"
y2="620.468"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M208 40h8a8 8 0 0 0 0-16h-8a8 8 0 0 0 0 16z" fill="url(#b)" />
<linearGradient
id="c"
x1="-24.875"
x2="-24.875"
y1="556.495"
y2="620.468"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M240 40h32a8 8 0 0 0 0-16h-32a8 8 0 0 0 0 16z" fill="url(#c)" />
<linearGradient
id="d"
x1="-26.875"
x2="-26.875"
y1="556.495"
y2="620.468"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M256 440h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16z" fill="url(#d)" />
<linearGradient
id="e"
x1="-26.868"
x2="-26.868"
y1="556.495"
y2="620.468"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M311.624 224.6c-4.061-39.557-39.42-68.331-78.977-64.27-28.235 2.899-52.132 22.115-61.023 49.07-30.155 6.872-49.029 36.889-42.157 67.043C135.269 301.899 157.891 319.969 184 320h120c26.51.032 48.026-21.432 48.058-47.941.029-23.612-17.118-43.737-40.434-47.459zM304 304h-56v-44.688l10.344 10.344a8 8 0 0 0 11.312-.196 8 8 0 0 0 0-11.116l-24-24a7.911 7.911 0 0 0-2.608-1.736 8 8 0 0 0-6.112 0 7.911 7.911 0 0 0-2.608 1.736l-24 24a8 8 0 0 0 11.312 11.312L232 259.312V304h-48c-22.091-.047-39.962-17.994-39.915-40.085.043-20.059 14.936-36.985 34.827-39.579a7.998 7.998 0 0 0 6.768-6c7.519-30 37.934-48.225 67.934-40.706 24.932 6.249 42.409 28.667 42.386 54.37a8 8 0 0 0 8 8c17.673 0 32 14.327 32 32s-14.327 32-32 32z"
fill="url(#e)"
/>
</svg>
More icons in the same style and category