Gentleface › Development › database-search

database-search icon

Database search: search database, query database, sql query, search records. 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="M2.263 4.592C2.495 4.858 2.847 5.098 3.318 5.313C3.817 5.539 4.399 5.713 5.064 5.832C5.685 5.944 6.33 6 7 6C7.451 6 7.894 5.974 8.33 5.922C8.47 5.906 8.593 5.94 8.7 6.024C8.805 6.107 8.867 6.217 8.885 6.354C8.49 6.507 8.119 6.717 7.783 6.976C7.524 6.992 7.263 7 7 7C6.271 7 5.566 6.939 4.887 6.817C4.14 6.682 3.479 6.484 2.904 6.223C2.557 6.065 2.256 5.891 2 5.699L2 8L2 8.001C2 8.159 2.06 8.32 2.179 8.486C2.331 8.697 2.564 8.896 2.879 9.084C3.218 9.287 3.625 9.46 4.101 9.604C4.561 9.743 5.059 9.846 5.595 9.913C5.732 9.93 5.842 9.994 5.927 10.103C6.012 10.212 6.046 10.335 6.028 10.472C6.011 10.609 5.948 10.72 5.839 10.804C5.73 10.889 5.607 10.923 5.47 10.905C4.878 10.831 4.326 10.716 3.812 10.561C3.257 10.394 2.776 10.187 2.366 9.943C2.235 9.864 2.113 9.783 2 9.699L2 12C2 12.193 2.088 12.39 2.263 12.592C2.495 12.858 2.847 13.098 3.318 13.313C3.817 13.539 4.399 13.713 5.064 13.832C5.685 13.944 6.33 14 7 14C7.242 14 7.484 13.992 7.723 13.977C7.926 14.139 8.142 14.283 8.37 14.407C8.371 14.415 8.372 14.424 8.373 14.432C8.383 14.572 8.344 14.694 8.255 14.797C8.166 14.9 8.051 14.957 7.91 14.967C7.609 14.989 7.305 15 7 15C6.271 15 5.566 14.939 4.887 14.817C4.14 14.682 3.479 14.484 2.904 14.223C2.301 13.949 1.836 13.624 1.509 13.249C1.17 12.859 1 12.443 1 12L1 8.001L1 8L1 4C1 3.557 1.17 3.141 1.509 2.751C1.836 2.376 2.301 2.051 2.904 1.777C3.479 1.516 4.14 1.318 4.887 1.183C5.566 1.061 6.271 1 7 1C7.729 1 8.434 1.061 9.113 1.183C9.86 1.318 10.521 1.516 11.096 1.777C11.699 2.051 12.164 2.376 12.491 2.751C12.83 3.141 13 3.557 13 4L13 5.5C13 5.641 12.952 5.759 12.856 5.856C12.759 5.952 12.641 6 12.5 6C12.395 6 12.299 5.971 12.214 5.912C12.13 5.853 12.069 5.774 12.032 5.675C11.82 5.837 11.578 5.987 11.305 6.123C11.04 6.075 10.77 6.05 10.5 6.05C10.356 6.05 10.212 6.057 10.069 6.071C10.027 5.949 10.033 5.828 10.086 5.708C10.143 5.582 10.235 5.495 10.364 5.445C10.92 5.232 11.345 4.983 11.637 4.697C11.879 4.461 12 4.228 12 4C12 3.807 11.912 3.61 11.737 3.408C11.505 3.142 11.153 2.902 10.682 2.687C10.183 2.461 9.601 2.287 8.936 2.168C8.315 2.056 7.67 2 7 2C6.33 2 5.685 2.056 5.064 2.168C4.399 2.287 3.817 2.461 3.318 2.687C2.847 2.902 2.495 3.142 2.263 3.408C2.088 3.61 2 3.807 2 4L2 4.001C2 4.194 2.088 4.391 2.263 4.592ZM16.003 15.5C16.003 15.636 15.953 15.754 15.854 15.854C15.754 15.953 15.636 16.003 15.5 16.003C15.364 16.003 15.246 15.953 15.146 15.854L12.596 13.304C12.35 13.488 12.08 13.639 11.788 13.754C11.375 13.918 10.945 14 10.5 14C10.055 14 9.625 13.918 9.212 13.754C8.762 13.576 8.367 13.317 8.025 12.975C7.683 12.633 7.424 12.238 7.246 11.788C7.082 11.375 7 10.945 7 10.5C7 10.055 7.082 9.625 7.246 9.212C7.424 8.762 7.683 8.367 8.025 8.025C8.367 7.683 8.762 7.424 9.212 7.246C9.625 7.082 10.055 7 10.5 7C10.945 7 11.375 7.082 11.788 7.246C12.238 7.424 12.633 7.683 12.975 8.025C13.317 8.367 13.576 8.762 13.754 9.212C13.918 9.625 14 10.055 14 10.5C14 10.945 13.918 11.375 13.754 11.788C13.639 12.08 13.488 12.35 13.303 12.596L15.854 15.146C15.953 15.246 16.003 15.364 16.003 15.5ZM8.732 12.268C8.976 12.512 9.259 12.697 9.58 12.824C9.875 12.941 10.182 13 10.5 13C10.818 13 11.125 12.941 11.42 12.824C11.741 12.697 12.024 12.512 12.268 12.268C12.512 12.024 12.697 11.741 12.824 11.42C12.941 11.125 13 10.818 13 10.5C13 10.182 12.941 9.875 12.824 9.58C12.697 9.259 12.512 8.976 12.268 8.732C12.024 8.488 11.741 8.303 11.42 8.176C11.125 8.059 10.818 8 10.5 8C10.182 8 9.875 8.059 9.58 8.176C9.259 8.303 8.976 8.488 8.732 8.732C8.488 8.976 8.303 9.259 8.176 9.58C8.059 9.875 8 10.182 8 10.5C8 10.818 8.059 11.125 8.176 11.42C8.303 11.741 8.488 12.024 8.732 12.268Z"/></svg>

React

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

export function DatabaseSearchIcon(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="M2.263 4.592C2.495 4.858 2.847 5.098 3.318 5.313C3.817 5.539 4.399 5.713 5.064 5.832C5.685 5.944 6.33 6 7 6C7.451 6 7.894 5.974 8.33 5.922C8.47 5.906 8.593 5.94 8.7 6.024C8.805 6.107 8.867 6.217 8.885 6.354C8.49 6.507 8.119 6.717 7.783 6.976C7.524 6.992 7.263 7 7 7C6.271 7 5.566 6.939 4.887 6.817C4.14 6.682 3.479 6.484 2.904 6.223C2.557 6.065 2.256 5.891 2 5.699L2 8L2 8.001C2 8.159 2.06 8.32 2.179 8.486C2.331 8.697 2.564 8.896 2.879 9.084C3.218 9.287 3.625 9.46 4.101 9.604C4.561 9.743 5.059 9.846 5.595 9.913C5.732 9.93 5.842 9.994 5.927 10.103C6.012 10.212 6.046 10.335 6.028 10.472C6.011 10.609 5.948 10.72 5.839 10.804C5.73 10.889 5.607 10.923 5.47 10.905C4.878 10.831 4.326 10.716 3.812 10.561C3.257 10.394 2.776 10.187 2.366 9.943C2.235 9.864 2.113 9.783 2 9.699L2 12C2 12.193 2.088 12.39 2.263 12.592C2.495 12.858 2.847 13.098 3.318 13.313C3.817 13.539 4.399 13.713 5.064 13.832C5.685 13.944 6.33 14 7 14C7.242 14 7.484 13.992 7.723 13.977C7.926 14.139 8.142 14.283 8.37 14.407C8.371 14.415 8.372 14.424 8.373 14.432C8.383 14.572 8.344 14.694 8.255 14.797C8.166 14.9 8.051 14.957 7.91 14.967C7.609 14.989 7.305 15 7 15C6.271 15 5.566 14.939 4.887 14.817C4.14 14.682 3.479 14.484 2.904 14.223C2.301 13.949 1.836 13.624 1.509 13.249C1.17 12.859 1 12.443 1 12L1 8.001L1 8L1 4C1 3.557 1.17 3.141 1.509 2.751C1.836 2.376 2.301 2.051 2.904 1.777C3.479 1.516 4.14 1.318 4.887 1.183C5.566 1.061 6.271 1 7 1C7.729 1 8.434 1.061 9.113 1.183C9.86 1.318 10.521 1.516 11.096 1.777C11.699 2.051 12.164 2.376 12.491 2.751C12.83 3.141 13 3.557 13 4L13 5.5C13 5.641 12.952 5.759 12.856 5.856C12.759 5.952 12.641 6 12.5 6C12.395 6 12.299 5.971 12.214 5.912C12.13 5.853 12.069 5.774 12.032 5.675C11.82 5.837 11.578 5.987 11.305 6.123C11.04 6.075 10.77 6.05 10.5 6.05C10.356 6.05 10.212 6.057 10.069 6.071C10.027 5.949 10.033 5.828 10.086 5.708C10.143 5.582 10.235 5.495 10.364 5.445C10.92 5.232 11.345 4.983 11.637 4.697C11.879 4.461 12 4.228 12 4C12 3.807 11.912 3.61 11.737 3.408C11.505 3.142 11.153 2.902 10.682 2.687C10.183 2.461 9.601 2.287 8.936 2.168C8.315 2.056 7.67 2 7 2C6.33 2 5.685 2.056 5.064 2.168C4.399 2.287 3.817 2.461 3.318 2.687C2.847 2.902 2.495 3.142 2.263 3.408C2.088 3.61 2 3.807 2 4L2 4.001C2 4.194 2.088 4.391 2.263 4.592ZM16.003 15.5C16.003 15.636 15.953 15.754 15.854 15.854C15.754 15.953 15.636 16.003 15.5 16.003C15.364 16.003 15.246 15.953 15.146 15.854L12.596 13.304C12.35 13.488 12.08 13.639 11.788 13.754C11.375 13.918 10.945 14 10.5 14C10.055 14 9.625 13.918 9.212 13.754C8.762 13.576 8.367 13.317 8.025 12.975C7.683 12.633 7.424 12.238 7.246 11.788C7.082 11.375 7 10.945 7 10.5C7 10.055 7.082 9.625 7.246 9.212C7.424 8.762 7.683 8.367 8.025 8.025C8.367 7.683 8.762 7.424 9.212 7.246C9.625 7.082 10.055 7 10.5 7C10.945 7 11.375 7.082 11.788 7.246C12.238 7.424 12.633 7.683 12.975 8.025C13.317 8.367 13.576 8.762 13.754 9.212C13.918 9.625 14 10.055 14 10.5C14 10.945 13.918 11.375 13.754 11.788C13.639 12.08 13.488 12.35 13.303 12.596L15.854 15.146C15.953 15.246 16.003 15.364 16.003 15.5ZM8.732 12.268C8.976 12.512 9.259 12.697 9.58 12.824C9.875 12.941 10.182 13 10.5 13C10.818 13 11.125 12.941 11.42 12.824C11.741 12.697 12.024 12.512 12.268 12.268C12.512 12.024 12.697 11.741 12.824 11.42C12.941 11.125 13 10.818 13 10.5C13 10.182 12.941 9.875 12.824 9.58C12.697 9.259 12.512 8.976 12.268 8.732C12.024 8.488 11.741 8.303 11.42 8.176C11.125 8.059 10.818 8 10.5 8C10.182 8 9.875 8.059 9.58 8.176C9.259 8.303 8.976 8.488 8.732 8.732C8.488 8.976 8.303 9.259 8.176 9.58C8.059 9.875 8 10.182 8 10.5C8 10.818 8.059 11.125 8.176 11.42C8.303 11.741 8.488 12.024 8.732 12.268Z" />
    </svg>
  );
}

Vue

Vue: see /icons/database-search.md

Svelte

Svelte: see /icons/database-search.md

HTML img

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

CSS

CSS: see /icons/database-search.md

Data URL

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

Sprite

Sprite: see /icons/database-search.md

SwiftUI

SwiftUI: see /icons/database-search.md

Compose

Compose: see /icons/database-search.md

Android XML

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

Flutter

Flutter: see /icons/database-search.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.

Meaning

Use it for

search database, query database, sql query, search records

Example

Query data / search records

Alternatives

database-sparkle: ask in plain language with AI (text-to-sql)
bar-chart-search: explore data visually (explore-data)

Also fits

explore data: query records (query-database)

Built from

database + search

Tags

data, storage, sql, table, store, cylinder, search

Category

Development

Component name

DatabaseSearchIcon

History

2026-10-15 added, modifier search redrawn

Family 15

database database-alert database-arrow-down database-arrow-right database-arrow-up database-bolt database-check database-gear database-lock database-off database-pencil database-plus

More development icons

binary braces brackets bug bug-off bug-play code code-alert code-block code-eye code-off code-pencil code-play code-search code-sparkle container · all development icons

For agents

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

database-search icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp