IconHubDesign System

Collections

Empty Collection

Add icons to this collection by clicking the heart icon.

Database icon - Flat | SVG & PNG Free Download

Style Variants

Database

Library And Literature

Database icon - also known as education, college, stack, library, books, archive, database, and collection. Created in a clean flat style with a white, silver, gray, yellow, orange, and pink finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.

7/14/2025

Tags

Usage Snippets

Database.svg

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 24 24"
>
    <path
        fill="#90a4ae"
        d="M4.25 6h-2.5C.79 6 0 6.79 0 7.75v14.5C0 23.21.79 24 1.75 24h2.5C5.21 24 6 23.21 6 22.25V7.75C6 6.79 5.21 6 4.25 6z"
    />
    <path
        fill="#cfd8dc"
        d="M16.25 6h-2.5C12.79 6 12 6.79 12 7.75v14.5c0 .96.79 1.75 1.75 1.75h2.5c.96 0 1.75-.79 1.75-1.75V7.75C18 6.79 17.21 6 16.25 6z"
    />
    <path
        fill="#b0bec5"
        d="M10.25 0h-2.5C6.79 0 6 .79 6 1.75v20.5c0 .96.79 1.75 1.75 1.75h2.5c.96 0 1.75-.79 1.75-1.75V1.75C12 .79 11.21 0 10.25 0z"
    />
    <path fill="#607d8b" d="M0 19h6v2H0z" />
    <path
        fill="#90a4ae"
        d="M9 21a1 1 0 0 1-1-1V3a1 1 0 0 1 2 0v17a1 1 0 0 1-1 1z"
    />
    <path fill="#b0bec5" d="M12 19h6v2h-6z" />
    <path
        fill="#b4bcc0"
        d="M15 6h-1.25C12.79 6 12 6.79 12 7.75v14.5c0 .96.79 1.75 1.75 1.75H15v-3h-3v-2h3z"
    />
    <path
        fill="#7d8f97"
        d="M3 6H1.75C.79 6 0 6.79 0 7.75v14.5C0 23.21.79 24 1.75 24H3v-3H0v-2h3z"
    />
    <path fill="#546d79" d="M3 19H0v2h3z" />
    <path
        fill="#99a5ac"
        d="M9 0H7.75C6.79 0 6 .79 6 1.75v20.5c0 .96.79 1.75 1.75 1.75H9v-3a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1z"
    />
    <path fill="#7d8f97" d="M9 2a1 1 0 0 0-1 1v17a1 1 0 0 0 1 1z" />
    <path fill="#99a5ac" d="M15 19h-3v2h3z" />
    <path
        fill="#ffd54f"
        d="M18 13c-1.407 0-6-.144-6-2V6.5h12V11c0 1.856-4.593 2-6 2z"
    />
    <path
        fill="#ffc107"
        d="M18 8.5c-1.407 0-6-.144-6-2V2h12v4.5c0 1.856-4.593 2-6 2z"
    />
    <path
        fill="#ffd54f"
        d="M18 4c-1.407 0-6-.144-6-2s4.593-2 6-2 6 .144 6 2-4.593 2-6 2z"
    />
    <circle cx="15" cy="6" r="1" fill="#fff" />
    <circle cx="15" cy="10.5" r="1" fill="#fff" />
    <path
        fill="#deb945"
        d="M15 11.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm-3-5V11c0 1.855 4.593 2 6 2V8.5c-1.407 0-6-.145-6-2z"
    />
    <path
        fill="#dea806"
        d="M15 7a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm-3-5v4.5c0 1.855 4.593 2 6 2V4c-1.407 0-6-.145-6-2z"
    />
    <path fill="#deb945" d="M18 0c-1.407 0-6 .145-6 2s4.593 2 6 2z" />
    <g fill="#dedede">
        <path d="M15 7a1 1 0 1 1 0-2zM15 9.5a1 1 0 1 0 0 2z" />
    </g>
</svg>