Add icons to this collection by clicking the heart icon.
Database icon - also known as technology, storage, networking, hosting, server, and database. Created in a clean 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 28 28"
>
<linearGradient
id="a"
x1="-2.57"
x2="22.58"
y1="25.14"
y2="-.87"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".04" stop-color="#fee72e" />
<stop offset=".12" stop-color="#fed51b" />
<stop offset=".2" stop-color="#fdca10" />
<stop offset=".28" stop-color="#fdc70c" />
<stop offset=".67" stop-color="#f3903f" />
<stop offset=".89" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<linearGradient
id="b"
x1="-7.41"
x2="17.73"
y1="20.45"
y2="-5.55"
href="#a"
/>
<linearGradient
id="c"
x1="-6.38"
x2="18.77"
y1="21.45"
y2="-4.55"
href="#a"
/>
<linearGradient
id="d"
x1="-5.35"
x2="19.8"
y1="22.45"
y2="-3.55"
href="#a"
/>
<linearGradient
id="e"
x1="-5.42"
x2="19.73"
y1="22.39"
y2="-3.61"
href="#a"
/>
<linearGradient
id="f"
x1="-4.38"
x2="20.77"
y1="23.39"
y2="-2.61"
href="#a"
/>
<linearGradient
id="g"
x1="-3.35"
x2="21.8"
y1="24.39"
y2="-1.62"
href="#a"
/>
<linearGradient
id="h"
x1="-3.42"
x2="21.73"
y1="24.32"
y2="-1.68"
href="#a"
/>
<linearGradient
id="i"
x1="-2.38"
x2="22.77"
y1="25.32"
y2="-.68"
href="#a"
/>
<linearGradient id="j" x1="-1.35" x2="23.8" y1="26.32" y2=".32" href="#a" />
<linearGradient id="k" x1=".37" x2="25.52" y1="27.99" y2="1.99" href="#a" />
<linearGradient id="l" x1="4.2" x2="29.35" y1="31.69" y2="5.69" href="#a" />
<linearGradient
id="m"
x1="5.54"
x2="30.69"
y1="32.98"
y2="6.98"
href="#a"
/>
<linearGradient
id="n"
x1="8.08"
x2="33.22"
y1="35.44"
y2="9.43"
href="#a"
/>
<linearGradient
id="o"
x1="10.71"
x2="35.86"
y1="37.98"
y2="11.98"
href="#a"
/>
<linearGradient id="p" x1=".73" x2="25.87" y1="28.33" y2="2.33" href="#a" />
<g>
<path
fill="url(#a)"
d="M6.74 14.5h14.52a1.25 1.25 0 0 0 1.24-1.24v-2.52a1.22 1.22 0 0 0-.27-.74 1.22 1.22 0 0 0 .27-.74V6.74a1.22 1.22 0 0 0-.27-.74 1.22 1.22 0 0 0 .27-.74V2.74a1.25 1.25 0 0 0-1.24-1.24H6.74A1.25 1.25 0 0 0 5.5 2.74v2.52a1.22 1.22 0 0 0 .27.74 1.22 1.22 0 0 0-.27.74v2.52a1.22 1.22 0 0 0 .27.74 1.22 1.22 0 0 0-.27.74v2.52a1.25 1.25 0 0 0 1.24 1.24zm14.76-1.24a.24.24 0 0 1-.24.24H6.74a.24.24 0 0 1-.24-.24v-2.52a.24.24 0 0 1 .24-.24h14.52a.24.24 0 0 1 .24.24zm-15-4V6.74a.24.24 0 0 1 .24-.24h14.52a.24.24 0 0 1 .24.24v2.52a.24.24 0 0 1-.24.24H6.74a.24.24 0 0 1-.24-.24zm0-6.52a.24.24 0 0 1 .24-.24h14.52a.24.24 0 0 1 .24.24v2.52a.24.24 0 0 1-.24.24H6.74a.24.24 0 0 1-.24-.24z"
/>
<circle cx="8.5" cy="4" r=".5" fill="url(#b)" />
<circle cx="10.5" cy="4" r=".5" fill="url(#c)" />
<circle cx="12.5" cy="4" r=".5" fill="url(#d)" />
<circle cx="8.5" cy="8" r=".5" fill="url(#e)" />
<circle cx="10.5" cy="8" r=".5" fill="url(#f)" />
<circle cx="12.5" cy="8" r=".5" fill="url(#g)" />
<circle cx="8.5" cy="12" r=".5" fill="url(#h)" />
<circle cx="10.5" cy="12" r=".5" fill="url(#i)" />
<circle cx="12.5" cy="12" r=".5" fill="url(#j)" />
<circle cx="4" cy="24.24" r=".5" fill="url(#k)" />
<path
fill="url(#l)"
d="M14.5 21.79V16a.5.5 0 0 0-1 0v5.79a2.5 2.5 0 1 0 1 0zm-.5 3.95a1.5 1.5 0 1 1 1.5-1.5 1.5 1.5 0 0 1-1.5 1.5z"
/>
<circle cx="14" cy="24.24" r=".5" fill="url(#m)" />
<path
fill="url(#n)"
d="M24 21.74a2.5 2.5 0 0 0-2.45 2h-1.39a.67.67 0 0 1-.66-.66V16a.5.5 0 0 0-1 0v7.08a1.67 1.67 0 0 0 1.66 1.66h1.39a2.5 2.5 0 1 0 2.45-3zm0 4a1.5 1.5 0 1 1 1.5-1.5 1.5 1.5 0 0 1-1.5 1.5z"
/>
<circle cx="24" cy="24.24" r=".5" fill="url(#o)" />
<path
fill="url(#p)"
d="M9 15.5a.5.5 0 0 0-.5.5v7.08a.67.67 0 0 1-.66.66H6.45a2.5 2.5 0 1 0 0 1h1.39a1.67 1.67 0 0 0 1.66-1.66V16a.5.5 0 0 0-.5-.5zM4 25.74a1.5 1.5 0 1 1 1.5-1.5 1.5 1.5 0 0 1-1.5 1.5z"
/>
</g>
</svg>
More icons in the same style and category