Add icons to this collection by clicking the heart icon.
Server icon - also known as technology, computer, storage, network, files, multimedia, hosting, server, servers, database, and base. Created in a clean flat 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 32 32"
>
<linearGradient id="a">
<stop offset="0" stop-color="#388dba" />
<stop offset="1" stop-color="#6fcbf8" />
</linearGradient>
<linearGradient
id="e"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(-14 -4 4 -14 24 29)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#d99c9b" />
<stop offset="1" stop-color="#f7c2c0" />
</linearGradient>
<linearGradient
id="f"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(-24 -9 9 -24 29 13)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(-26 -10 10 -26 29 26)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(-9 -4 4 -9 14 10)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(-8 -4 4 -8 14 23)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#f7c2c0" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="j"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(-2 -2 2 -2 19 9)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(-4 -4 4 -4 26 10)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(-3 -2 2 -3 23 22)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="m"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(-3 -2 2 -3 19 22)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="n"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(-3 -2 2 -3 27 22)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#6fcbf8" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="o"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(-2 -4 4 -2 11 10)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="p"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(-2 -5 5 -2 11 23)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="url(#e)"
d="M26 25H6a1 1 0 0 0-1 1v1.475A2.526 2.526 0 0 0 7.525 30h16.95A2.526 2.526 0 0 0 27 27.475V26a1 1 0 0 0-1-1z"
/>
<path
fill="#388dba"
d="M26 12H6a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h20a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1z"
/>
<path
fill="url(#f)"
d="M5 3a2 2 0 0 1-2 2 1 1 0 0 0-1 1v5.08A2.923 2.923 0 0 0 4.92 14h22.16A2.92 2.92 0 0 0 30 11.08V4.92A2.92 2.92 0 0 0 27.08 2H6a1 1 0 0 0-1 1z"
/>
<path
fill="url(#g)"
d="M27.08 15H4.92A2.92 2.92 0 0 0 2 17.92v6.16A2.92 2.92 0 0 0 4.92 27h22.16A2.92 2.92 0 0 0 30 24.08v-6.16A2.92 2.92 0 0 0 27.08 15z"
/>
<circle cx="3" cy="-3" r="1" fill="#53b4e5" transform="scale(1 -1)" />
<path
fill-opacity=".1"
d="M16 21.494A2.492 2.492 0 0 0 13.506 19H8.494A2.492 2.492 0 0 0 6 21.494v1.012A2.492 2.492 0 0 0 8.494 25h5.012A2.492 2.492 0 0 0 16 22.506zM22 23h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2zm-4 0h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2zm8 0h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2zM16 8.494A2.492 2.492 0 0 0 13.506 6H8.494A2.492 2.492 0 0 0 6 8.494v1.012A2.492 2.492 0 0 0 8.494 12h5.012A2.492 2.492 0 0 0 16 9.506zM25 6a3.001 3.001 0 0 0 0 6 3.001 3.001 0 0 0 0-6zm-7 4h2a1 1 0 0 0 0-2h-2a1 1 0 0 0 0 2z"
/>
<path
fill="url(#h)"
d="M15 7.495A2.494 2.494 0 0 0 12.506 5H7.494A2.494 2.494 0 0 0 5 7.495v1.01A2.494 2.494 0 0 0 7.494 11h5.012A2.494 2.494 0 0 0 15 8.505z"
/>
<path
fill="url(#i)"
d="M15 20.495A2.494 2.494 0 0 0 12.506 18H7.494A2.494 2.494 0 0 0 5 20.495v1.01A2.494 2.494 0 0 0 7.494 24h5.012A2.494 2.494 0 0 0 15 21.505z"
/>
<path
fill-opacity=".1"
d="M10 20v4h1a1 1 0 0 0 1-1v-3a1 1 0 0 0-2 0zm0-13v4h1a1 1 0 0 0 1-1V7a1 1 0 0 0-2 0z"
/>
<path fill="url(#j)" d="M17 9h2a1 1 0 0 0 0-2h-2a1 1 0 0 0 0 2z" />
<circle cx="24" cy="8" r="3" fill="url(#k)" />
<path fill="url(#l)" d="M21 22h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2z" />
<path fill="url(#m)" d="M17 22h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2z" />
<path fill="url(#n)" d="M25 22h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2z" />
<path fill="url(#o)" d="M9 6v4a1 1 0 0 0 2 0V6a1 1 0 0 0-2 0z" />
<path fill="url(#p)" d="M9 19v4a1 1 0 0 0 2 0v-4a1 1 0 0 0-2 0z" />
</g>
</svg>
More icons in the same style and category