Add icons to this collection by clicking the heart icon.
Server icon - also known as technology, data storage, hosting, electronics, server, database, and seo and web. 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="b"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 5.688 10.313) scale(45.375)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#eff4fa" />
<stop offset="1" stop-color="#68a4ec" />
</linearGradient>
<linearGradient
id="c"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 31 -31 0 16 1)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#87d0fd" />
<stop offset="1" stop-color="#049fff" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#fc9f62" />
<stop offset="1" stop-color="#e55b00" />
</linearGradient>
<linearGradient
id="d"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 45 -45 0 8.75 5)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 27 -27 0 23.25 5)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 27 -27 0 8.75 5)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="url(#b)"
d="M19.25 6a1 1 0 0 0-1-1h-4.5a1 1 0 0 0-1 1v20a1 1 0 0 0 1 1h4.5a1 1 0 0 0 1-1z"
/>
<path
fill="url(#c)"
d="M14.75 5a4 4 0 0 0-4-4h-4a4 4 0 0 0-4 4v22a4 4 0 0 0 4 4h4a4 4 0 0 0 4-4zM29.25 5a4 4 0 0 0-4-4h-4a4 4 0 0 0-4 4v22a4 4 0 0 0 4 4h4a4 4 0 0 0 4-4z"
/>
<path
fill="url(#d)"
d="M22.25 6v9.375a1 1 0 0 0 2 0V6a1 1 0 0 0-2 0zM7.75 6v9.375a1 1 0 0 0 2 0V6a1 1 0 0 0-2 0z"
/>
<circle cx="23.25" cy="18.875" r="1" fill="url(#e)" />
<circle cx="8.75" cy="18.875" r="1" fill="url(#f)" />
<circle cx="23.25" cy="22.375" r="1" fill="url(#e)" />
<circle cx="8.75" cy="22.375" r="1" fill="url(#f)" />
<circle cx="23.25" cy="25.875" r="1" fill="url(#e)" />
<circle cx="8.75" cy="25.875" r="1" fill="url(#f)" />
</g>
</svg>
More icons in the same style and category