Add icons to this collection by clicking the heart icon.
Web Hosting icon - also known as cloud, file, network, marketing, networking, files, multimedia, web development, cloud computing, hosting, web hosting, cloud data, seo and web, and business and finance. 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="100"
height="100"
viewBox="0 0 480 480"
>
<linearGradient
id="a"
x1="-42.875"
x2="-42.875"
y1="599.796"
y2="535.595"
gradientTransform="matrix(8 0 0 -8 455 4761)"
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>
<path
d="M48 276h128a8 8 0 0 0 8-8v-96a8 8 0 0 0-8-8H48a8 8 0 0 0-8 8v96a8 8 0 0 0 8 8zm8-96h112v80H56v-80z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-29.875"
x2="-29.875"
y1="599.796"
y2="535.595"
gradientTransform="matrix(8 0 0 -8 455 4761)"
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>
<path d="M208 164h16v16h-16v-16z" fill="url(#b)" />
<linearGradient
id="c"
x1="-21.375"
x2="-21.375"
y1="599.796"
y2="535.595"
gradientTransform="matrix(8 0 0 -8 455 4761)"
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>
<path d="M240 164h88v16h-88v-16z" fill="url(#c)" />
<linearGradient
id="d"
x1="-23.375"
x2="-23.375"
y1="599.796"
y2="535.595"
gradientTransform="matrix(8 0 0 -8 455 4761)"
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>
<path d="M208 196h120v16H208v-16z" fill="url(#d)" />
<linearGradient
id="e"
x1="-50.875"
x2="-50.875"
y1="599.796"
y2="535.595"
gradientTransform="matrix(8 0 0 -8 455 4761)"
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>
<path d="M40 308h16v16H40v-16z" fill="url(#e)" />
<linearGradient
id="f"
x1="-43.875"
x2="-43.875"
y1="599.796"
y2="535.595"
gradientTransform="matrix(8 0 0 -8 455 4761)"
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>
<path d="M72 308h64v16H72v-16z" fill="url(#f)" />
<linearGradient
id="g"
x1="-45.875"
x2="-45.875"
y1="599.796"
y2="535.595"
gradientTransform="matrix(8 0 0 -8 455 4761)"
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>
<path d="M40 340h96v16H40v-16z" fill="url(#g)" />
<linearGradient
id="h"
x1="-45.875"
x2="-45.875"
y1="599.796"
y2="535.595"
gradientTransform="matrix(8 0 0 -8 455 4761)"
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>
<path d="M40 372h96v16H40v-16z" fill="url(#h)" />
<linearGradient
id="i"
x1="-45.875"
x2="-45.875"
y1="599.796"
y2="535.595"
gradientTransform="matrix(8 0 0 -8 455 4761)"
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>
<path d="M40 404h96v16H40v-16z" fill="url(#i)" />
<linearGradient
id="j"
x1="-23.375"
x2="-23.375"
y1="599.796"
y2="535.595"
gradientTransform="matrix(8 0 0 -8 455 4761)"
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>
<path d="M208 228h120v16H208v-16z" fill="url(#j)" />
<linearGradient
id="k"
x1="-23.375"
x2="-23.375"
y1="599.796"
y2="535.595"
gradientTransform="matrix(8 0 0 -8 455 4761)"
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>
<path d="M208 260h120v16H208v-16z" fill="url(#k)" />
<linearGradient
id="l"
x1="-1.875"
x2="-1.875"
y1="599.796"
y2="535.595"
gradientTransform="matrix(8 0 0 -8 455 4761)"
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>
<path d="M432 364h16v16h-16v-16z" fill="url(#l)" />
<linearGradient
id="m"
x1="-5.875"
x2="-5.875"
y1="599.796"
y2="535.595"
gradientTransform="matrix(8 0 0 -8 455 4761)"
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>
<path d="M400 364h16v16h-16v-16z" fill="url(#m)" />
<linearGradient
id="n"
x1="-1.875"
x2="-1.875"
y1="599.796"
y2="535.595"
gradientTransform="matrix(8 0 0 -8 455 4761)"
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>
<path d="M432 260h16v16h-16v-16z" fill="url(#n)" />
<linearGradient
id="o"
x1="-5.875"
x2="-5.875"
y1="599.796"
y2="535.595"
gradientTransform="matrix(8 0 0 -8 455 4761)"
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>
<path d="M400 260h16v16h-16v-16z" fill="url(#o)" />
<linearGradient
id="p"
x1="-1.875"
x2="-1.875"
y1="599.796"
y2="535.595"
gradientTransform="matrix(8 0 0 -8 455 4761)"
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>
<path d="M432 156h16v16h-16v-16z" fill="url(#p)" />
<linearGradient
id="q"
x1="-5.875"
x2="-5.875"
y1="599.796"
y2="535.595"
gradientTransform="matrix(8 0 0 -8 455 4761)"
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>
<path d="M400 156h16v16h-16v-16z" fill="url(#q)" />
<linearGradient
id="r"
x1="-26.875"
x2="-26.875"
y1="599.796"
y2="535.595"
gradientTransform="matrix(8 0 0 -8 455 4761)"
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>
<path
d="M472 20H128a8 8 0 0 0-8 8v32H32C14.327 60 0 74.327 0 92v336c0 17.673 14.327 32 32 32h304c17.673 0 32-14.327 32-32v-16h11.056l21.784 43.576A8.001 8.001 0 0 0 408 460h32a8 8 0 0 0 8-8v-40h24a8 8 0 0 0 8-8v-64a8 8 0 0 0-8-8h-24v-24h24a8 8 0 0 0 8-8v-64a8 8 0 0 0-8-8h-24v-24h24a8 8 0 0 0 8-8v-64a8 8 0 0 0-8-8h-24v-24h24a8 8 0 0 0 8-8V28a8 8 0 0 0-8-8zM32 76h304c8.837 0 16 7.163 16 16v32H16V92c0-8.837 7.163-16 16-16zm304 368H32c-8.837 0-16-7.163-16-16V140h336v288c0 8.837-7.163 16-16 16zm96 0h-19.056l-16-32H432v32zm32-48h-96v-48h96v48zm-32-64h-64v-24h64v24zm32-40h-96v-48h96v48zm-32-64h-64v-24h64v24zm32-40h-96v-48h96v48zm-32-64h-64v-24h64v24zm32-40h-97.136C363.227 69.915 350.547 60.055 336 60H136V36h328v48z"
fill="url(#r)"
/>
<linearGradient
id="s"
x1="-1.875"
x2="-1.875"
y1="599.796"
y2="535.595"
gradientTransform="matrix(8 0 0 -8 455 4761)"
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>
<path d="M432 52h16v16h-16V52z" fill="url(#s)" />
<linearGradient
id="t"
x1="-5.875"
x2="-5.875"
y1="599.796"
y2="535.595"
gradientTransform="matrix(8 0 0 -8 455 4761)"
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>
<path d="M400 52h16v16h-16V52z" fill="url(#t)" />
<linearGradient
id="u"
x1="-51.875"
x2="-51.875"
y1="599.796"
y2="535.595"
gradientTransform="matrix(8 0 0 -8 455 4761)"
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>
<path d="M32 92h16v16H32V92z" fill="url(#u)" />
<linearGradient
id="v"
x1="-47.875"
x2="-47.875"
y1="599.796"
y2="535.595"
gradientTransform="matrix(8 0 0 -8 455 4761)"
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>
<path d="M64 92h16v16H64V92z" fill="url(#v)" />
<linearGradient
id="w"
x1="-43.875"
x2="-43.875"
y1="599.796"
y2="535.595"
gradientTransform="matrix(8 0 0 -8 455 4761)"
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>
<path d="M96 92h16v16H96V92z" fill="url(#w)" />
<linearGradient
id="x"
x1="-42.873"
x2="-42.873"
y1="599.796"
y2="535.595"
gradientTransform="matrix(8 0 0 -8 455 4761)"
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>
<path
d="m146.816 212.504-64-24A8 8 0 0 0 72 196v48a8 8 0 0 0 8 8 8.2 8.2 0 0 0 2.816-.504l64-24a8 8 0 0 0 0-14.992zM88 232.456v-24.912L121.216 220 88 232.456z"
fill="url(#x)"
/>
<linearGradient
id="y"
x1="-26.375"
x2="-26.375"
y1="599.796"
y2="535.595"
gradientTransform="matrix(8 0 0 -8 455 4761)"
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>
<path
d="M320 308H168a8 8 0 0 0-8 8v96a8 8 0 0 0 8 8h152a8 8 0 0 0 8-8v-96a8 8 0 0 0-8-8zm-90.984 56L176 397.48v-66.96L229.016 364zm-33.36-40h96.688L244 354.536 195.656 324zM244 373.464 292.344 404h-96.688L244 373.464zM258.984 364 312 330.52v66.96L258.984 364z"
fill="url(#y)"
/>
</svg>
More icons in the same style and category