Gentleface › Files & folders › file-database

file-database icon

File database: database file, sql file, db file. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M8.615 1.222C8.972 1.37 9.287 1.58 9.561 1.854L12.146 4.439C12.42 4.713 12.63 5.028 12.778 5.385C12.926 5.742 13 6.114 13 6.5L13 13C13 13.254 12.953 13.5 12.86 13.736C12.758 13.993 12.609 14.219 12.414 14.414C12.219 14.609 11.993 14.758 11.736 14.86C11.5 14.953 11.254 15 11 15L9.5 15C9.359 15 9.241 14.952 9.144 14.856C9.048 14.759 9 14.641 9 14.5C9 14.359 9.048 14.241 9.144 14.144C9.241 14.048 9.359 14 9.5 14L11 14C11.276 14 11.512 13.902 11.707 13.707C11.902 13.512 12 13.276 12 13L12 6.5C12 6.329 11.978 6.162 11.934 6L10 6C9.746 6 9.5 5.953 9.264 5.86C9.007 5.758 8.781 5.609 8.586 5.414C8.391 5.219 8.242 4.993 8.14 4.736C8.047 4.5 8 4.254 8 4L8 2.066C7.838 2.022 7.671 2 7.5 2L5 2C4.724 2 4.488 2.098 4.293 2.293C4.098 2.488 4 2.724 4 3L4 6.5C4 6.641 3.952 6.759 3.856 6.856C3.759 6.952 3.641 7 3.5 7C3.359 7 3.241 6.952 3.144 6.856C3.048 6.759 3 6.641 3 6.5L3 3C3 2.746 3.047 2.5 3.14 2.264C3.242 2.007 3.391 1.781 3.586 1.586C3.781 1.391 4.007 1.242 4.264 1.14C4.5 1.047 4.746 1 5 1L7.5 1C7.886 1 8.258 1.074 8.615 1.222ZM9 2.707L9 4C9 4.276 9.098 4.512 9.293 4.707C9.488 4.902 9.724 5 10 5L11.293 5L9 2.707ZM4.5 15C3.617 15 2.858 14.894 2.221 14.681C1.867 14.564 1.59 14.42 1.389 14.251C1.13 14.032 1 13.782 1 13.5L1 9.5C1 9.218 1.13 8.968 1.389 8.749C1.59 8.58 1.867 8.436 2.221 8.319C2.858 8.106 3.617 8 4.5 8C5.383 8 6.142 8.106 6.779 8.319C7.133 8.436 7.41 8.58 7.611 8.749C7.87 8.968 8 9.218 8 9.5L8 13.5C8 13.782 7.87 14.032 7.611 14.251C7.41 14.42 7.133 14.564 6.779 14.681C6.142 14.894 5.383 15 4.5 15ZM2.537 9.267C2.317 9.34 2.155 9.418 2.05 9.5C2.155 9.582 2.317 9.66 2.537 9.733C3.071 9.911 3.726 10 4.5 10C5.274 10 5.929 9.911 6.463 9.733C6.683 9.66 6.845 9.582 6.95 9.5C6.845 9.418 6.683 9.34 6.463 9.267C5.929 9.089 5.274 9 4.5 9C3.726 9 3.071 9.089 2.537 9.267ZM4.5 12C5.274 12 5.929 11.911 6.463 11.733C6.633 11.676 6.769 11.616 6.872 11.553C6.912 11.529 6.955 11.511 7 11.5L7 10.601C6.93 10.629 6.857 10.656 6.779 10.681C6.142 10.894 5.383 11 4.5 11C3.617 11 2.858 10.894 2.221 10.681C2.143 10.656 2.07 10.629 2 10.601L2 11.5C2.045 11.511 2.088 11.529 2.128 11.553C2.231 11.616 2.367 11.676 2.537 11.733C3.071 11.911 3.726 12 4.5 12ZM2.537 13.733C3.071 13.911 3.726 14 4.5 14C5.274 14 5.929 13.911 6.463 13.733C6.696 13.655 6.864 13.573 6.967 13.486C6.981 13.474 6.992 13.464 7 13.456L7 12.601C6.93 12.629 6.857 12.656 6.779 12.681C6.142 12.894 5.383 13 4.5 13C3.617 13 2.858 12.894 2.221 12.681C2.143 12.656 2.07 12.629 2 12.601L2 13.456C2.008 13.464 2.019 13.474 2.033 13.486C2.136 13.573 2.304 13.655 2.537 13.733Z"/></svg>

React

// Gentleface "file-database" (line-round), MIT. https://gentleface.com/icons/file-database
import type { SVGProps } from 'react';

export function FileDatabaseIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M8.615 1.222C8.972 1.37 9.287 1.58 9.561 1.854L12.146 4.439C12.42 4.713 12.63 5.028 12.778 5.385C12.926 5.742 13 6.114 13 6.5L13 13C13 13.254 12.953 13.5 12.86 13.736C12.758 13.993 12.609 14.219 12.414 14.414C12.219 14.609 11.993 14.758 11.736 14.86C11.5 14.953 11.254 15 11 15L9.5 15C9.359 15 9.241 14.952 9.144 14.856C9.048 14.759 9 14.641 9 14.5C9 14.359 9.048 14.241 9.144 14.144C9.241 14.048 9.359 14 9.5 14L11 14C11.276 14 11.512 13.902 11.707 13.707C11.902 13.512 12 13.276 12 13L12 6.5C12 6.329 11.978 6.162 11.934 6L10 6C9.746 6 9.5 5.953 9.264 5.86C9.007 5.758 8.781 5.609 8.586 5.414C8.391 5.219 8.242 4.993 8.14 4.736C8.047 4.5 8 4.254 8 4L8 2.066C7.838 2.022 7.671 2 7.5 2L5 2C4.724 2 4.488 2.098 4.293 2.293C4.098 2.488 4 2.724 4 3L4 6.5C4 6.641 3.952 6.759 3.856 6.856C3.759 6.952 3.641 7 3.5 7C3.359 7 3.241 6.952 3.144 6.856C3.048 6.759 3 6.641 3 6.5L3 3C3 2.746 3.047 2.5 3.14 2.264C3.242 2.007 3.391 1.781 3.586 1.586C3.781 1.391 4.007 1.242 4.264 1.14C4.5 1.047 4.746 1 5 1L7.5 1C7.886 1 8.258 1.074 8.615 1.222ZM9 2.707L9 4C9 4.276 9.098 4.512 9.293 4.707C9.488 4.902 9.724 5 10 5L11.293 5L9 2.707ZM4.5 15C3.617 15 2.858 14.894 2.221 14.681C1.867 14.564 1.59 14.42 1.389 14.251C1.13 14.032 1 13.782 1 13.5L1 9.5C1 9.218 1.13 8.968 1.389 8.749C1.59 8.58 1.867 8.436 2.221 8.319C2.858 8.106 3.617 8 4.5 8C5.383 8 6.142 8.106 6.779 8.319C7.133 8.436 7.41 8.58 7.611 8.749C7.87 8.968 8 9.218 8 9.5L8 13.5C8 13.782 7.87 14.032 7.611 14.251C7.41 14.42 7.133 14.564 6.779 14.681C6.142 14.894 5.383 15 4.5 15ZM2.537 9.267C2.317 9.34 2.155 9.418 2.05 9.5C2.155 9.582 2.317 9.66 2.537 9.733C3.071 9.911 3.726 10 4.5 10C5.274 10 5.929 9.911 6.463 9.733C6.683 9.66 6.845 9.582 6.95 9.5C6.845 9.418 6.683 9.34 6.463 9.267C5.929 9.089 5.274 9 4.5 9C3.726 9 3.071 9.089 2.537 9.267ZM4.5 12C5.274 12 5.929 11.911 6.463 11.733C6.633 11.676 6.769 11.616 6.872 11.553C6.912 11.529 6.955 11.511 7 11.5L7 10.601C6.93 10.629 6.857 10.656 6.779 10.681C6.142 10.894 5.383 11 4.5 11C3.617 11 2.858 10.894 2.221 10.681C2.143 10.656 2.07 10.629 2 10.601L2 11.5C2.045 11.511 2.088 11.529 2.128 11.553C2.231 11.616 2.367 11.676 2.537 11.733C3.071 11.911 3.726 12 4.5 12ZM2.537 13.733C3.071 13.911 3.726 14 4.5 14C5.274 14 5.929 13.911 6.463 13.733C6.696 13.655 6.864 13.573 6.967 13.486C6.981 13.474 6.992 13.464 7 13.456L7 12.601C6.93 12.629 6.857 12.656 6.779 12.681C6.142 12.894 5.383 13 4.5 13C3.617 13 2.858 12.894 2.221 12.681C2.143 12.656 2.07 12.629 2 12.601L2 13.456C2.008 13.464 2.019 13.474 2.033 13.486C2.136 13.573 2.304 13.655 2.537 13.733Z" />
    </svg>
  );
}

Vue

Vue: see /icons/file-database.md

Svelte

Svelte: see /icons/file-database.md

HTML img

HTML img: see /icons/file-database.md

CSS

CSS: see /icons/file-database.md

Data URL

Data URL: see /icons/file-database.md

Sprite

Sprite: see /icons/file-database.md

SwiftUI

SwiftUI: see /icons/file-database.md

Compose

Compose: see /icons/file-database.md

Android XML

Android XML: see /icons/file-database.md

Flutter

Flutter: see /icons/file-database.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

With npm: import { FileDatabaseIcon } from '@gentleface/react'; (setup).

Meaning

Use it for

database file, sql file, db file

Alternatives

database: the database itself, not a file (database)
database-backup: a database backup (database-backup)

Also fits

json file: a database or SQL file (database-file)

Tags

document, database, db, sql, sqlite, data, table, storage, dump, file

Category

Files & folders

Component name

FileDatabaseIcon

History

2026-10-29 released in 0.2.0
2026-10-30 added

Since

version 0.2.0

Family 52

contract file file-alert file-arrow-down file-arrow-up file-binary file-box file-braces file-broken file-chart file-check file-clock

More files & folders icons

archive archive-arrow-up archive-clock archive-lock archive-search book book-a book-arrow-down book-bookmark book-check book-clock book-headphones book-open book-plus book-search book-x · all files & folders icons

For agents

Metadata: /icons/file-database.json · Markdown: /icons/file-database.md · SVG: https://gentleface.com/svg/{style}/16/file-database.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/file-database.png

file-database icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp