database search icon

database-search-24-regular from Fluent UI System Icons by Microsoft Corporation · 24 Regular · MIT Free for personal and commercial use.

Name
database-search-24-regular
Set
Fluent UI System Icons
Style
24 Regular
Viewbox
24×24
License
MIT

5 other variants in Fluent UI System Icons

database-search-20-filleddatabase-search-20-regulardatabase-search-24-filleddatabase-search-32-filleddatabase-search-32-regular

The same icon in other sets

database-searchHuge Iconsdatabase-searchIconParkdatabase-searchIconPark Outlinedatabase-searchIconPark Soliddatabase-searchIconPark TwoTonedatabase-searchIconoirdatabase-searchLucidedatabase-searchMaterial Symbolsdatabase-searchMaterial Symbols Lightdatabase-searchMaterial Design Iconsdatabase-searchTabler Icons

Related icons in Fluent UI System Icons

database-arrow-down-20-filleddatabase-arrow-right-16-filleddatabase-arrow-up-16-filleddatabase-checkmark-16-filleddatabase-lightning-20-filleddatabase-link-20-filleddatabase-multiple-20-filleddatabase-person-20-filleddatabase-plug-connected-20-filleddatabase-settings-16-filleddatabase-stack-16-filleddatabase-switch-20-filleddatabase-warning-20-filleddatabase-window-20-filled

Use the database search icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4 6c0-.69.315-1.293.774-1.78c.455-.482 1.079-.883 1.793-1.202C7.996 2.377 9.917 2 12 2s4.004.377 5.433 1.018c.714.32 1.338.72 1.793 1.202c.459.487.774 1.09.774 1.78v6.257a5.5 5.5 0 0 0-1.5-.882V8.392c-.32.22-.68.417-1.067.59C16.004 9.623 14.083 10 12 10s-4.004-.377-5.433-1.018a7 7 0 0 1-1.067-.59V18c0 .207.09.46.365.75c.279.296.717.596 1.315.864c1.195.535 2.899.886 4.82.886q.36 0 .708-.016a5.5 5.5 0 0 0 2.15 1.267c-.89.162-1.856.249-2.858.249c-2.083 0-4.004-.377-5.433-1.017c-.714-.32-1.338-.72-1.793-1.203C4.315 19.293 4 18.69 4 18zm1.5 0c0 .207.09.46.365.75c.279.296.717.596 1.315.864c1.195.535 2.899.886 4.82.886s3.625-.35 4.82-.886c.598-.268 1.036-.568 1.315-.864c.275-.29.365-.543.365-.75s-.09-.46-.365-.75c-.279-.296-.717-.596-1.315-.864c-1.195-.535-2.9-.886-4.82-.886s-3.625.35-4.82.886c-.598.268-1.036.568-1.315.864c-.275.29-.365.543-.365.75m11 15a4.5 4.5 0 0 0 2.607-.832l2.613 2.612a.75.75 0 1 0 1.06-1.06l-2.612-2.613A4.5 4.5 0 1 0 16.5 21m0-1.5a3 3 0 1 1 0-6a3 3 0 0 1 0 6"/></svg>

React

import type { SVGProps } from "react";

export function FluentDatabaseSearch24Regular(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4 6c0-.69.315-1.293.774-1.78c.455-.482 1.079-.883 1.793-1.202C7.996 2.377 9.917 2 12 2s4.004.377 5.433 1.018c.714.32 1.338.72 1.793 1.202c.459.487.774 1.09.774 1.78v6.257a5.5 5.5 0 0 0-1.5-.882V8.392c-.32.22-.68.417-1.067.59C16.004 9.623 14.083 10 12 10s-4.004-.377-5.433-1.018a7 7 0 0 1-1.067-.59V18c0 .207.09.46.365.75c.279.296.717.596 1.315.864c1.195.535 2.899.886 4.82.886q.36 0 .708-.016a5.5 5.5 0 0 0 2.15 1.267c-.89.162-1.856.249-2.858.249c-2.083 0-4.004-.377-5.433-1.017c-.714-.32-1.338-.72-1.793-1.203C4.315 19.293 4 18.69 4 18zm1.5 0c0 .207.09.46.365.75c.279.296.717.596 1.315.864c1.195.535 2.899.886 4.82.886s3.625-.35 4.82-.886c.598-.268 1.036-.568 1.315-.864c.275-.29.365-.543.365-.75s-.09-.46-.365-.75c-.279-.296-.717-.596-1.315-.864c-1.195-.535-2.9-.886-4.82-.886s-3.625.35-4.82.886c-.598.268-1.036.568-1.315.864c-.275.29-.365.543-.365.75m11 15a4.5 4.5 0 0 0 2.607-.832l2.613 2.612a.75.75 0 1 0 1.06-1.06l-2.612-2.613A4.5 4.5 0 1 0 16.5 21m0-1.5a3 3 0 1 1 0-6a3 3 0 0 1 0 6"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4 6c0-.69.315-1.293.774-1.78c.455-.482 1.079-.883 1.793-1.202C7.996 2.377 9.917 2 12 2s4.004.377 5.433 1.018c.714.32 1.338.72 1.793 1.202c.459.487.774 1.09.774 1.78v6.257a5.5 5.5 0 0 0-1.5-.882V8.392c-.32.22-.68.417-1.067.59C16.004 9.623 14.083 10 12 10s-4.004-.377-5.433-1.018a7 7 0 0 1-1.067-.59V18c0 .207.09.46.365.75c.279.296.717.596 1.315.864c1.195.535 2.899.886 4.82.886q.36 0 .708-.016a5.5 5.5 0 0 0 2.15 1.267c-.89.162-1.856.249-2.858.249c-2.083 0-4.004-.377-5.433-1.017c-.714-.32-1.338-.72-1.793-1.203C4.315 19.293 4 18.69 4 18zm1.5 0c0 .207.09.46.365.75c.279.296.717.596 1.315.864c1.195.535 2.899.886 4.82.886s3.625-.35 4.82-.886c.598-.268 1.036-.568 1.315-.864c.275-.29.365-.543.365-.75s-.09-.46-.365-.75c-.279-.296-.717-.596-1.315-.864c-1.195-.535-2.9-.886-4.82-.886s-3.625.35-4.82.886c-.598.268-1.036.568-1.315.864c-.275.29-.365.543-.365.75m11 15a4.5 4.5 0 0 0 2.607-.832l2.613 2.612a.75.75 0 1 0 1.06-1.06l-2.612-2.613A4.5 4.5 0 1 0 16.5 21m0-1.5a3 3 0 1 1 0-6a3 3 0 0 1 0 6"/></svg>
</template>

CSS

.icon-database-search-24-regular {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4%206c0-.69.315-1.293.774-1.78c.455-.482%201.079-.883%201.793-1.202C7.996%202.377%209.917%202%2012%202s4.004.377%205.433%201.018c.714.32%201.338.72%201.793%201.202c.459.487.774%201.09.774%201.78v6.257a5.5%205.5%200%200%200-1.5-.882V8.392c-.32.22-.68.417-1.067.59C16.004%209.623%2014.083%2010%2012%2010s-4.004-.377-5.433-1.018a7%207%200%200%201-1.067-.59V18c0%20.207.09.46.365.75c.279.296.717.596%201.315.864c1.195.535%202.899.886%204.82.886q.36%200%20.708-.016a5.5%205.5%200%200%200%202.15%201.267c-.89.162-1.856.249-2.858.249c-2.083%200-4.004-.377-5.433-1.017c-.714-.32-1.338-.72-1.793-1.203C4.315%2019.293%204%2018.69%204%2018zm1.5%200c0%20.207.09.46.365.75c.279.296.717.596%201.315.864c1.195.535%202.899.886%204.82.886s3.625-.35%204.82-.886c.598-.268%201.036-.568%201.315-.864c.275-.29.365-.543.365-.75s-.09-.46-.365-.75c-.279-.296-.717-.596-1.315-.864c-1.195-.535-2.9-.886-4.82-.886s-3.625.35-4.82.886c-.598.268-1.036.568-1.315.864c-.275.29-.365.543-.365.75m11%2015a4.5%204.5%200%200%200%202.607-.832l2.613%202.612a.75.75%200%201%200%201.06-1.06l-2.612-2.613A4.5%204.5%200%201%200%2016.5%2021m0-1.5a3%203%200%201%201%200-6a3%203%200%200%201%200%206%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4%206c0-.69.315-1.293.774-1.78c.455-.482%201.079-.883%201.793-1.202C7.996%202.377%209.917%202%2012%202s4.004.377%205.433%201.018c.714.32%201.338.72%201.793%201.202c.459.487.774%201.09.774%201.78v6.257a5.5%205.5%200%200%200-1.5-.882V8.392c-.32.22-.68.417-1.067.59C16.004%209.623%2014.083%2010%2012%2010s-4.004-.377-5.433-1.018a7%207%200%200%201-1.067-.59V18c0%20.207.09.46.365.75c.279.296.717.596%201.315.864c1.195.535%202.899.886%204.82.886q.36%200%20.708-.016a5.5%205.5%200%200%200%202.15%201.267c-.89.162-1.856.249-2.858.249c-2.083%200-4.004-.377-5.433-1.017c-.714-.32-1.338-.72-1.793-1.203C4.315%2019.293%204%2018.69%204%2018zm1.5%200c0%20.207.09.46.365.75c.279.296.717.596%201.315.864c1.195.535%202.899.886%204.82.886s3.625-.35%204.82-.886c.598-.268%201.036-.568%201.315-.864c.275-.29.365-.543.365-.75s-.09-.46-.365-.75c-.279-.296-.717-.596-1.315-.864c-1.195-.535-2.9-.886-4.82-.886s-3.625.35-4.82.886c-.598.268-1.036.568-1.315.864c-.275.29-.365.543-.365.75m11%2015a4.5%204.5%200%200%200%202.607-.832l2.613%202.612a.75.75%200%201%200%201.06-1.06l-2.612-2.613A4.5%204.5%200%201%200%2016.5%2021m0-1.5a3%203%200%201%201%200-6a3%203%200%200%201%200%206%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/database-search-24-regular.svg?color=%231a73e8&size=48