database search icon

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

Name
database-search-24-filled
Set
Fluent UI System Icons
Style
24 Filled
Viewbox
24×24
License
MIT

5 other variants in Fluent UI System Icons

database-search-20-filleddatabase-search-20-regulardatabase-search-24-regulardatabase-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="M12 10c4.418 0 8-1.79 8-4s-3.582-4-8-4s-8 1.79-8 4s3.582 4 8 4m6.328.17A7.6 7.6 0 0 0 20 9.053v3.204a5.48 5.48 0 0 0-4.02-1.233a11.7 11.7 0 0 0 2.348-.854M11 16.5a5.5 5.5 0 0 0 3.831 5.242c-.88.167-1.834.258-2.831.258c-4.418 0-8-1.79-8-4V9.053a7.6 7.6 0 0 0 1.672 1.117C7.37 11.018 9.608 11.5 12 11.5c.958 0 1.892-.077 2.777-.225A5.5 5.5 0 0 0 11 16.5m5.5 4.5a4.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 FluentDatabaseSearch24Filled(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="M12 10c4.418 0 8-1.79 8-4s-3.582-4-8-4s-8 1.79-8 4s3.582 4 8 4m6.328.17A7.6 7.6 0 0 0 20 9.053v3.204a5.48 5.48 0 0 0-4.02-1.233a11.7 11.7 0 0 0 2.348-.854M11 16.5a5.5 5.5 0 0 0 3.831 5.242c-.88.167-1.834.258-2.831.258c-4.418 0-8-1.79-8-4V9.053a7.6 7.6 0 0 0 1.672 1.117C7.37 11.018 9.608 11.5 12 11.5c.958 0 1.892-.077 2.777-.225A5.5 5.5 0 0 0 11 16.5m5.5 4.5a4.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="M12 10c4.418 0 8-1.79 8-4s-3.582-4-8-4s-8 1.79-8 4s3.582 4 8 4m6.328.17A7.6 7.6 0 0 0 20 9.053v3.204a5.48 5.48 0 0 0-4.02-1.233a11.7 11.7 0 0 0 2.348-.854M11 16.5a5.5 5.5 0 0 0 3.831 5.242c-.88.167-1.834.258-2.831.258c-4.418 0-8-1.79-8-4V9.053a7.6 7.6 0 0 0 1.672 1.117C7.37 11.018 9.608 11.5 12 11.5c.958 0 1.892-.077 2.777-.225A5.5 5.5 0 0 0 11 16.5m5.5 4.5a4.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-filled {
  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%22M12%2010c4.418%200%208-1.79%208-4s-3.582-4-8-4s-8%201.79-8%204s3.582%204%208%204m6.328.17A7.6%207.6%200%200%200%2020%209.053v3.204a5.48%205.48%200%200%200-4.02-1.233a11.7%2011.7%200%200%200%202.348-.854M11%2016.5a5.5%205.5%200%200%200%203.831%205.242c-.88.167-1.834.258-2.831.258c-4.418%200-8-1.79-8-4V9.053a7.6%207.6%200%200%200%201.672%201.117C7.37%2011.018%209.608%2011.5%2012%2011.5c.958%200%201.892-.077%202.777-.225A5.5%205.5%200%200%200%2011%2016.5m5.5%204.5a4.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%22M12%2010c4.418%200%208-1.79%208-4s-3.582-4-8-4s-8%201.79-8%204s3.582%204%208%204m6.328.17A7.6%207.6%200%200%200%2020%209.053v3.204a5.48%205.48%200%200%200-4.02-1.233a11.7%2011.7%200%200%200%202.348-.854M11%2016.5a5.5%205.5%200%200%200%203.831%205.242c-.88.167-1.834.258-2.831.258c-4.418%200-8-1.79-8-4V9.053a7.6%207.6%200%200%200%201.672%201.117C7.37%2011.018%209.608%2011.5%2012%2011.5c.958%200%201.892-.077%202.777-.225A5.5%205.5%200%200%200%2011%2016.5m5.5%204.5a4.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-filled.svg?color=%231a73e8&size=48