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=".17"
x2="23.61"
y1="24.9"
y2="-1.1"
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="-6.35"
x2="17.1"
y1="19.03"
y2="-6.97"
href="#a"
/>
<linearGradient
id="c"
x1="-5.24"
x2="18.2"
y1="20.03"
y2="-5.98"
href="#a"
/>
<linearGradient
id="d"
x1="-4.14"
x2="19.3"
y1="21.02"
y2="-4.98"
href="#a"
/>
<linearGradient
id="e"
x1="-2.87"
x2="20.58"
y1="22.17"
y2="-3.83"
href="#a"
/>
<linearGradient
id="f"
x1="-1.76"
x2="21.68"
y1="23.16"
y2="-2.84"
href="#a"
/>
<linearGradient
id="g"
x1="-.66"
x2="22.78"
y1="24.16"
y2="-1.84"
href="#a"
/>
<linearGradient id="h" x1=".62" x2="24.06" y1="25.31" y2="-.69" href="#a" />
<linearGradient id="i" x1="1.72" x2="25.16" y1="26.3" y2=".3" href="#a" />
<linearGradient id="j" x1="2.82" x2="26.27" y1="27.3" y2="1.3" href="#a" />
<linearGradient
id="k"
x1="2.92"
x2="26.36"
y1="27.38"
y2="1.38"
href="#a"
/>
<linearGradient
id="l"
x1="7.53"
x2="30.97"
y1="31.54"
y2="5.54"
href="#a"
/>
<linearGradient
id="m"
x1="7.89"
x2="31.33"
y1="31.87"
y2="5.87"
href="#a"
/>
<linearGradient id="n" x1="11.26" x2="34.7" y1="34.9" y2="8.9" href="#a" />
<linearGradient
id="o"
x1="12.86"
x2="36.31"
y1="36.35"
y2="10.35"
href="#a"
/>
<linearGradient
id="p"
x1="3.25"
x2="26.69"
y1="27.68"
y2="1.68"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M17.26 4.5H2.74A1.25 1.25 0 0 0 1.5 5.74v2.52A1.25 1.25 0 0 0 2.74 9.5h.17v2h-.17a1.25 1.25 0 0 0-1.24 1.24v2.52a1.25 1.25 0 0 0 1.24 1.24h.17v2h-.17a1.25 1.25 0 0 0-1.24 1.24v2.52a1.25 1.25 0 0 0 1.24 1.24h14.52a1.25 1.25 0 0 0 1.24-1.24v-2.52a1.25 1.25 0 0 0-1.24-1.24h-.17v-2h.17a1.25 1.25 0 0 0 1.24-1.24v-2.52a1.25 1.25 0 0 0-1.24-1.24h-.17v-2h.17a1.25 1.25 0 0 0 1.24-1.24V5.74a1.25 1.25 0 0 0-1.24-1.24zm.24 15.24v2.52a.24.24 0 0 1-.24.24H2.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-1.41-1.24H3.91v-2h12.18zm1.41-5.76v2.52a.24.24 0 0 1-.24.24H2.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-1.41-1.24H3.91v-2h12.18zm1.41-3.24a.24.24 0 0 1-.24.24H2.74a.24.24 0 0 1-.24-.24V5.74a.24.24 0 0 1 .24-.24h14.52a.24.24 0 0 1 .24.24z"
/>
<circle cx="4.5" cy="7" r=".5" fill="url(#b)" />
<circle cx="6.5" cy="7" r=".5" fill="url(#c)" />
<circle cx="8.5" cy="7" r=".5" fill="url(#d)" />
<circle cx="4.5" cy="14" r=".5" fill="url(#e)" />
<circle cx="6.5" cy="14" r=".5" fill="url(#f)" />
<circle cx="8.5" cy="14" r=".5" fill="url(#g)" />
<circle cx="4.5" cy="21" r=".5" fill="url(#h)" />
<circle cx="6.5" cy="21" r=".5" fill="url(#i)" />
<circle cx="8.5" cy="21" r=".5" fill="url(#j)" />
<circle cx="24" cy="4" r=".5" fill="url(#k)" />
<path
fill="url(#l)"
d="M24 11.5a2.5 2.5 0 0 0-2.45 2H20a.5.5 0 0 0 0 1h1.55a2.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="14" r=".5" fill="url(#m)" />
<path
fill="url(#n)"
d="M24.5 21.55v-1.43a1.63 1.63 0 0 0-1.62-1.62H20a.5.5 0 0 0 0 1h2.88a.62.62 0 0 1 .62.62v1.43a2.5 2.5 0 1 0 1 0zM24 25.5a1.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" r=".5" fill="url(#o)" />
<path
fill="url(#p)"
d="M20 9.5h2.88a1.63 1.63 0 0 0 1.62-1.62V6.45a2.5 2.5 0 1 0-1 0v1.43a.62.62 0 0 1-.62.62H20a.5.5 0 0 0 0 1zM22.5 4A1.5 1.5 0 1 1 24 5.5 1.5 1.5 0 0 1 22.5 4z"
/>
</g>
</svg>
More icons in the same style and category