Add icons to this collection by clicking the heart icon.
Database icon - also known as computer, cloud, network, laptop, data storage, hosting, servers, database, saas, seo and web, and software as service. Created in a clean flat 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 64 64"
>
<linearGradient
id="a"
x1="32"
x2="32"
y1="55"
y2="15"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#a0a6ba" />
<stop offset="1" stop-color="#c6ccda" />
</linearGradient>
<linearGradient
id="d"
x1="32"
x2="32"
y1="51"
y2="19"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#9dd5df" />
<stop offset="1" stop-color="#c3e1f5" />
</linearGradient>
<linearGradient id="e" y1="63" y2="55" href="#a" />
<linearGradient
id="b"
x1="32"
x2="32"
y1="33"
y2="21"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7aa8d7" />
<stop offset="1" stop-color="#c3d2e7" />
</linearGradient>
<linearGradient id="f" y1="25" y2="13" href="#b" />
<linearGradient id="g" y1="17" y2="5" href="#b" />
<linearGradient id="h" y1="9" y2="1" href="#b" />
<linearGradient
id="c"
x1="16"
x2="16"
y1="46"
y2="42"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e9a254" />
<stop offset="1" stop-color="#f4bb79" />
</linearGradient>
<linearGradient id="i" x1="32" x2="32" href="#c" />
<linearGradient id="j" x1="48" x2="48" href="#c" />
<path fill="url(#a)" d="M8 15a3 3 0 0 0-3 3v37h54V18a3 3 0 0 0-3-3z" />
<path fill="url(#d)" d="M55 19v32H9V19z" />
<g fill="#fff2e3">
<path
d="M31 42v-9a1 1 0 0 1 2 0v9a1 1 0 0 1-2 0zM15 42v-4a1 1 0 0 1 1-1h10v-4a1 1 0 0 1 2 0v5a1 1 0 0 1-1 1H17v3a1 1 0 0 1-2 0zM47 42v-3H37a1 1 0 0 1-1-1v-5a1 1 0 0 1 2 0v4h10a1 1 0 0 1 1 1v4a1 1 0 0 1-2 0z"
/>
</g>
<path fill="#aae0e5" d="M55 19v2H9v-2z" />
<path fill="#77cacb" d="M55 49v2H9v-2z" />
<path
fill="url(#e)"
d="M3 55h58a2 2 0 0 1 2 2v2a4 4 0 0 1-4 4H5a4 4 0 0 1-4-4v-2a2 2 0 0 1 2-2z"
/>
<path
fill="#8288a1"
d="M63 57v2a4 4 0 0 1-4 4H5a4 4 0 0 1-4-4v-2a4 4 0 0 0 4 4h54a4 4 0 0 0 4-4z"
/>
<path fill="#d7dbe2" d="M40 58H24l-2-3h20z" />
<path fill="#8288a1" d="M5 53h54v2H5z" />
<path
fill="url(#b)"
d="M48 21v8c0 2.21-7.16 4-16 4s-16-1.79-16-4v-8c0 2.21 7.16 4 16 4s16-1.79 16-4z"
/>
<path
fill="#5b8dc9"
d="M48 27v2c0 2.21-7.16 4-16 4s-16-1.79-16-4v-2c0 2.21 7.16 4 16 4s16-1.79 16-4z"
/>
<path
fill="url(#f)"
d="M48 13v8c0 2.21-7.16 4-16 4s-16-1.79-16-4v-8c0 2.21 7.16 4 16 4s16-1.79 16-4z"
/>
<path
fill="url(#g)"
d="M48 5v8c0 2.21-7.16 4-16 4s-16-1.79-16-4V5c0 2.21 7.16 4 16 4s16-1.79 16-4z"
/>
<g fill="#d3e0ef">
<path
d="M33 12a1 1 0 0 1-2 0 1 1 0 0 1 2 0zM37 12a1 1 0 0 1-2 0 1 1 0 0 1 2 0zM29 12a1 1 0 0 1-2 0 1 1 0 0 1 2 0zM33 20a1 1 0 0 1-2 0 1 1 0 0 1 2 0zM37 20a1 1 0 0 1-2 0 1 1 0 0 1 2 0zM29 20a1 1 0 0 1-2 0 1 1 0 0 1 2 0zM33 28a1 1 0 0 1-2 0 1 1 0 0 1 2 0zM37 28a1 1 0 0 1-2 0 1 1 0 0 1 2 0zM29 28a1 1 0 0 1-2 0 1 1 0 0 1 2 0z"
/>
</g>
<ellipse cx="32" cy="5" fill="url(#h)" rx="16" ry="4" />
<circle cx="16" cy="44" r="2" fill="url(#c)" />
<circle cx="32" cy="44" r="2" fill="url(#i)" />
<circle cx="48" cy="44" r="2" fill="url(#j)" />
</svg>
More icons in the same style and category