Add icons to this collection by clicking the heart icon.
Database icon - also known as computer, laptop, lock, server, database, and keypad. 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 64 64"
>
<linearGradient
id="a"
x1="32"
x2="32"
y1="-3.54"
y2="66.544"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<linearGradient
id="b"
x1="37.5"
x2="37.5"
y1="-3.54"
y2="66.544"
href="#a"
/>
<linearGradient id="c" x1="53" x2="53" y1="-3.54" y2="66.544" href="#a" />
<linearGradient id="d" x1="52" x2="52" y1="-3.54" y2="66.544" href="#a" />
<linearGradient id="e" x1="12" x2="12" y1="-3.54" y2="66.544" href="#a" />
<linearGradient
id="f"
x1="31.5"
x2="31.5"
y1="-3.54"
y2="66.544"
href="#a"
/>
<g>
<path fill="url(#a)" d="M30 42h4v2h-4zM30 54h4v2h-4z" />
<path
fill="url(#b)"
d="M59 46a5.984 5.984 0 0 0-8-5.65V33c0-3.95-11.94-5-19-5s-19 1.05-19 5v24c0 3.95 11.94 5 19 5a63.446 63.446 0 0 0 12.66-1.14A2.987 2.987 0 0 0 47 62h12a3.009 3.009 0 0 0 3-3V49a3.009 3.009 0 0 0-3-3zm-6-4a4 4 0 0 1 4 4h-8a4 4 0 0 1 4-4zM32 30c10.58 0 16.68 1.95 17 2.99-.34 1.06-6.43 3.01-17 3.01s-16.68-1.96-17-2.99c.34-1.06 6.43-3.01 17-3.01zm12 28.95A62.48 62.48 0 0 1 32 60c-10.61 0-16.71-1.96-17-3v-9.54C18.7 49.41 26.72 50 32 50a65.114 65.114 0 0 0 12-1.01zm1.08-12.24A58.47 58.47 0 0 1 32 48c-10.57 0-16.66-1.95-17-3.01v-9.53C18.7 37.41 26.72 38 32 38s13.3-.59 17-2.54v6.08A6 6 0 0 0 47 46a2.988 2.988 0 0 0-1.92.71zM60 59a1 1 0 0 1-1 1H47a1 1 0 0 1-1-1V49a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1z"
/>
<path
fill="url(#c)"
d="M53 53a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"
/>
<path
fill="url(#d)"
d="M59 2H45a3.009 3.009 0 0 0-3 3v8a3.009 3.009 0 0 0 3 3h4v2h-2v2h10v-2h-2v-2h4a3.009 3.009 0 0 0 3-3V5a3.009 3.009 0 0 0-3-3zm-6 16h-2v-2h2zm7-5a1 1 0 0 1-1 1H45a1 1 0 0 1-1-1v-1h16zm0-3H44V5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1z"
/>
<path
fill="url(#e)"
d="M21 12V5a3.009 3.009 0 0 0-3-3H6a3.009 3.009 0 0 0-3 3v7a1 1 0 0 0-1 1v2a3.009 3.009 0 0 0 3 3h14a3.009 3.009 0 0 0 3-3v-2a1 1 0 0 0-1-1zM5 5a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v7H5zm15 10a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-1h16z"
/>
<path
fill="url(#f)"
d="M34.82 7a2.988 2.988 0 0 0-5.64 0H23v2h6.18A3.035 3.035 0 0 0 31 10.82V24h2V10.82A3.035 3.035 0 0 0 34.82 9H40V7zM32 9a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"
/>
</g>
</svg>
More icons in the same style and category