Add icons to this collection by clicking the heart icon.
Database icon - also known as technology, storage, network, files, multimedia, ui, hosting, servers, and database. Created in a clean lineal color style with a gray, navy, and orange finish, 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="100"
height="100"
viewBox="0 0 512 512"
>
<path
d="M234.667 0C118.052 0 0 25.646 0 74.667v320c0 49.021 118.052 74.667 234.667 74.667s234.667-25.646 234.667-74.667v-320C469.333 25.646 351.281 0 234.667 0z"
fill="#303c42"
/>
<path
d="M234.667 21.333C364.896 21.333 448 52.917 448 74.667S364.896 128 234.667 128 21.333 96.417 21.333 74.667s83.105-53.334 213.334-53.334z"
fill="#546e7a"
/>
<linearGradient
id="a"
x1="-43.955"
x2="-27.451"
y1="646.832"
y2="639.136"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M234.667 21.333C364.896 21.333 448 52.917 448 74.667S364.896 128 234.667 128 21.333 96.417 21.333 74.667s83.105-53.334 213.334-53.334z"
fill="url(#a)"
/>
<path
d="M234.667 448c-130.229 0-213.333-31.583-213.333-53.333v-73.651c39.161 27.44 126.6 41.651 213.333 41.651S408.839 348.456 448 321.016v73.651C448 416.417 364.896 448 234.667 448z"
fill="#546e7a"
/>
<path
d="M234.667 341.333c-130.229 0-213.333-31.583-213.333-53.333v-73.651C60.495 241.789 147.934 256 234.667 256S408.839 241.789 448 214.349V288c0 21.75-83.104 53.333-213.333 53.333z"
fill="#546e7a"
/>
<path
d="M234.667 234.667c-130.229 0-213.333-31.583-213.333-53.333v-73.651c39.161 27.44 126.6 41.651 213.333 41.651S408.839 135.122 448 107.682v73.651c0 21.75-83.104 53.334-213.333 53.334z"
fill="#546e7a"
/>
<linearGradient
id="b"
x1="-40.704"
x2="-23.864"
y1="646.437"
y2="629.598"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#000" stop-opacity=".1" />
<stop offset="1" stop-color="#000" stop-opacity="0" />
</linearGradient>
<path
d="M351.863 438.212C412.518 427.148 448 408.844 448 394.667v-73.651c-33.036 23.148-100.501 36.759-172.845 40.488l76.708 76.708zm-185.25-185.25 88.069 88.069C373.305 338.001 448 308.609 448 288v-73.651C408.839 241.789 321.4 256 234.667 256a770.615 770.615 0 0 1-68.054-3.038zm68.054-103.629c-86.733 0-174.172-14.211-213.333-41.651L142.482 228.83c27.072 3.613 57.944 5.836 92.185 5.836 130.229 0 213.333-31.583 213.333-53.333v-73.651c-39.161 27.44-126.6 41.651-213.333 41.651z"
fill="url(#b)"
/>
<circle cx="394.667" cy="394.667" r="117.333" fill="#303c42" />
<circle cx="394.667" cy="394.667" r="96" fill="#ffca28" />
<path
d="M394.667 320A10.66 10.66 0 0 0 384 330.667V416a10.66 10.66 0 0 0 10.667 10.667A10.66 10.66 0 0 0 405.334 416v-85.333A10.662 10.662 0 0 0 394.667 320z"
fill="#303c42"
/>
<circle cx="394.667" cy="458.667" r="10.667" fill="#303c42" />
<linearGradient
id="c"
x1="-47.732"
x2="-21.685"
y1="641.093"
y2="628.948"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M469.333 304.228V74.667C469.333 25.646 351.281 0 234.667 0S0 25.646 0 74.667v320c0 49.021 118.052 74.667 234.667 74.667 22.702 0 45.428-1.003 67.357-2.93C323.507 494.083 356.996 512 394.667 512 459.365 512 512 459.365 512 394.667c0-36.357-16.624-68.9-42.667-90.439z"
fill="url(#c)"
/>
</svg>
More icons in the same style and category