Add icons to this collection by clicking the heart icon.
Database icon - also known as technology, storage, network, files, multimedia, hosting, electronics, server, servers, and database. 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 64 64"
>
<linearGradient id="a">
<stop offset="0" stop-color="#474f72" />
<stop offset="1" stop-color="#878c9f" />
</linearGradient>
<linearGradient
id="e"
x1="26"
x2="38"
y1="48"
y2="48"
gradientTransform="matrix(1 0 0 -1 0 66)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="26"
x2="38"
y1="37"
y2="37"
gradientTransform="matrix(1 0 0 -1 0 66)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="26"
x2="38"
y1="26"
y2="26"
gradientTransform="matrix(1 0 0 -1 0 66)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="13"
x2="51"
y1="15"
y2="15"
gradientTransform="matrix(1 0 0 -1 0 66)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#e9a254" />
<stop offset="1" stop-color="#f4bb79" />
</linearGradient>
<linearGradient
id="i"
x1="0"
x2="30"
y1="23.5"
y2="23.5"
gradientTransform="matrix(1 0 0 -1 0 66)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="0"
x2="30"
y1="35.5"
y2="35.5"
gradientTransform="matrix(1 0 0 -1 0 66)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="0"
x2="30"
y1="47.5"
y2="47.5"
gradientTransform="matrix(1 0 0 -1 0 66)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#b15de5" />
<stop offset="1" stop-color="#df86ef" />
</linearGradient>
<linearGradient
id="l"
x1="34"
x2="64"
y1="23.5"
y2="23.5"
gradientTransform="matrix(1 0 0 -1 0 66)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="m"
x1="34"
x2="64"
y1="35.5"
y2="35.5"
gradientTransform="matrix(1 0 0 -1 0 66)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="n"
x1="34"
x2="64"
y1="47.5"
y2="47.5"
gradientTransform="matrix(1 0 0 -1 0 66)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#fbcc88" />
<stop offset="1" stop-color="#ffe5c3" />
</linearGradient>
<linearGradient
id="o"
x1="9.994"
x2="25.994"
y1="45.516"
y2="45.516"
gradientTransform="matrix(1 0 0 -1 0 66)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="p"
x1="9.993"
x2="25.991"
y1="33.558"
y2="33.558"
gradientTransform="matrix(1 0 0 -1 0 66)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="q"
x1="10.004"
x2="26.001"
y1="21.622"
y2="21.622"
gradientTransform="matrix(1 0 0 -1 0 66)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="r"
x1="4"
x2="8"
y1="47"
y2="47"
gradientTransform="matrix(1 0 0 -1 0 66)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="s"
x1="4"
x2="8"
y1="35.06"
y2="35.06"
gradientTransform="matrix(1 0 0 -1 0 66)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="t"
x1="4"
x2="8"
y1="23.13"
y2="23.13"
gradientTransform="matrix(1 0 0 -1 0 66)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<path
fill="url(#e)"
d="M36 20h-8c-1.1 0-2-.9-2-2s.9-2 2-2h8c1.1 0 2 .9 2 2s-.9 2-2 2z"
/>
<path
fill="url(#f)"
d="M36 31h-8c-1.1 0-2-.9-2-2s.9-2 2-2h8c1.1 0 2 .9 2 2s-.9 2-2 2z"
/>
<path
fill="url(#g)"
d="M36 42h-8c-1.1 0-2-.9-2-2s.9-2 2-2h8c1.1 0 2 .9 2 2s-.9 2-2 2z"
/>
<path
fill="url(#h)"
d="M45 57H19c-3.3 0-6-2.7-6-6v-4c0-1.1.9-2 2-2s2 .9 2 2v4c0 1.1.9 2 2 2h26c1.1 0 2-.9 2-2v-4c0-1.1.9-2 2-2s2 .9 2 2v4c0 3.3-2.7 6-6 6z"
/>
<path
fill="#ffcd9c"
d="M30 12c0 1.6-2.4 3.1-6 4-5.9 1.3-12.1 1.3-18 0-11.6-2.9-5.1-9 9-9 8.3 0 15 2.2 15 5zM30 24c0 1.6-2.4 3.1-6 4-5.9 1.3-12.1 1.3-18 0-11.6-2.9-5.1-9 9-9 8.3 0 15 2.2 15 5zM30 36c0 1.6-2.4 3.1-6 4-5.9 1.3-12.1 1.3-18 0-11.6-2.9-5.1-9 9-9 8.3 0 15 2.2 15 5z"
/>
<path
fill="url(#i)"
d="M30 36v8c0 2.8-6.7 5-15 5S0 46.8 0 44v-8c0 1.6 2.3 3.1 6 4 9.7 2.4 24 .2 24-4z"
/>
<path
fill="url(#j)"
d="M30 24v8c0 2.8-6.7 5-15 5S0 34.8 0 32v-8c0 1.6 2.3 3.1 6 4 9.7 2.4 24 .1 24-4z"
/>
<path
fill="url(#k)"
d="M30 12v8c0 2.8-6.7 5-15 5S0 22.8 0 20v-8c0 1.6 2.3 3.1 6 4 9.7 2.4 24 .1 24-4z"
/>
<path
fill="#ee9fff"
d="M64 12c0 1.6-2.3 3.1-6 4-5.9 1.3-12.1 1.3-18 0-11.6-2.9-5.1-9 9-9 8.3 0 15 2.2 15 5zM64 24c0 1.6-2.3 3.1-6 4-5.9 1.3-12.1 1.3-18 0-11.6-2.9-5.1-9 9-9 8.3 0 15 2.2 15 5zM64 36c0 1.6-2.3 3.1-6 4-5.9 1.3-12.1 1.3-18 0-11.6-2.9-5.1-9 9-9 8.3 0 15 2.2 15 5z"
/>
<path
fill="url(#l)"
d="M64 36v8c0 2.8-6.7 5-15 5s-15-2.2-15-5v-8c0 1.6 2.3 3.1 6 4 9.7 2.4 24 .2 24-4z"
/>
<path
fill="url(#m)"
d="M64 24v8c0 2.8-6.7 5-15 5s-15-2.2-15-5v-8c0 1.6 2.3 3.1 6 4 9.7 2.4 24 .1 24-4z"
/>
<path
fill="url(#n)"
d="M64 12v8c0 2.8-6.7 5-15 5s-15-2.2-15-5v-8c0 1.6 2.3 3.1 6 4 9.7 2.4 24 .1 24-4z"
/>
<path
fill="url(#o)"
d="M10.9 21.9c-.6-.1-1-.6-.9-1.1.1-.6.6-1 1.1-.9.1 0 8.8 1 13.5-.9.5-.2 1.1-.1 1.3.4s.1 1.1-.4 1.3c-.1 0-.1 0-.2.1-3.8 1.5-10.4 1.5-14.4 1.1z"
/>
<path
fill="url(#p)"
d="M10.9 33.8c-.5-.1-.9-.5-.9-1.1.1-.5.6-.9 1.1-.9.1 0 8.8.9 13.5-.9.5-.2 1.1 0 1.3.6.2.5 0 1.1-.6 1.3-3.8 1.5-10.4 1.5-14.4 1z"
/>
<path
fill="url(#q)"
d="M10.9 45.7c-.5-.1-.9-.6-.9-1.1.1-.5.5-.9 1.1-.9.1 0 8.8 1 13.5-.9.5-.2 1.1 0 1.3.6.2.5 0 1.1-.6 1.3-3.8 1.5-10.4 1.5-14.4 1z"
/>
<g fill="#ee9fff">
<circle cx="41" cy="20" r="2" />
<path
d="M45.9 21.9c-.6-.1-1-.6-.9-1.1s.6-1 1.1-.9c.1 0 8.8 1 13.5-.9.5-.2 1.1 0 1.3.5s0 1.1-.5 1.3h-.1c-3.8 1.5-10.4 1.5-14.4 1.1z"
/>
<circle cx="41" cy="31.9" r="2" />
<path
d="M45.7 33.8c-.5-.1-.9-.6-.9-1.1.1-.5.6-.9 1.1-.9.1 0 8.8.9 13.5-.9.5-.2 1.1 0 1.3.6.2.5 0 1.1-.6 1.3-3.8 1.5-10.4 1.5-14.4 1z"
/>
<circle cx="41" cy="43.9" r="2" />
<path
d="M45.9 45.7c-.5-.1-.9-.6-.9-1.1.1-.5.5-.9 1.1-.9.1 0 8.8 1 13.5-.9.5-.2 1.1 0 1.3.6.2.5 0 1.1-.5 1.3-3.9 1.5-10.5 1.5-14.5 1z"
/>
</g>
<circle cx="6" cy="19" r="2" fill="url(#r)" />
<circle cx="6" cy="30.9" r="2" fill="url(#s)" />
<circle cx="6" cy="42.9" r="2" fill="url(#t)" />
</svg>
More icons in the same style and category