table search icon

table-search from Material Design Icons by Pictogrammers · Filled · Apache-2.0 Free for personal and commercial use.

Name: table-search
Set: Material Design Icons
Style: Filled
Viewbox: 24×24
License: Apache 2.0

The same icon in other sets

table-search-20-filledFluent UI System Icons

Use the table search icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.3 17.89c1.32-2.1.7-4.89-1.41-6.21a4.52 4.52 0 0 0-6.21 1.41C10.36 15.2 11 18 13.09 19.3c1.47.92 3.33.92 4.8 0L21 22.39L22.39 21zm-2-.62c-.98.98-2.56.97-3.54 0c-.97-.98-.97-2.56.01-3.54c.97-.97 2.55-.97 3.53 0c.96.99.95 2.57-.03 3.54zM19 4H5a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h5.81a6.3 6.3 0 0 1-1.31-2H5v-4h4.18c.16-.71.43-1.39.82-2H5V8h6v2.81a6.3 6.3 0 0 1 2-1.31V8h6v2a6.5 6.5 0 0 1 2 2V6a2 2 0 0 0-2-2"/></svg>

React

import type { SVGProps } from "react";

export function MdiTableSearch(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="M19.3 17.89c1.32-2.1.7-4.89-1.41-6.21a4.52 4.52 0 0 0-6.21 1.41C10.36 15.2 11 18 13.09 19.3c1.47.92 3.33.92 4.8 0L21 22.39L22.39 21zm-2-.62c-.98.98-2.56.97-3.54 0c-.97-.98-.97-2.56.01-3.54c.97-.97 2.55-.97 3.53 0c.96.99.95 2.57-.03 3.54zM19 4H5a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h5.81a6.3 6.3 0 0 1-1.31-2H5v-4h4.18c.16-.71.43-1.39.82-2H5V8h6v2.81a6.3 6.3 0 0 1 2-1.31V8h6v2a6.5 6.5 0 0 1 2 2V6a2 2 0 0 0-2-2"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.3 17.89c1.32-2.1.7-4.89-1.41-6.21a4.52 4.52 0 0 0-6.21 1.41C10.36 15.2 11 18 13.09 19.3c1.47.92 3.33.92 4.8 0L21 22.39L22.39 21zm-2-.62c-.98.98-2.56.97-3.54 0c-.97-.98-.97-2.56.01-3.54c.97-.97 2.55-.97 3.53 0c.96.99.95 2.57-.03 3.54zM19 4H5a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h5.81a6.3 6.3 0 0 1-1.31-2H5v-4h4.18c.16-.71.43-1.39.82-2H5V8h6v2.81a6.3 6.3 0 0 1 2-1.31V8h6v2a6.5 6.5 0 0 1 2 2V6a2 2 0 0 0-2-2"/></svg>
</template>

CSS

.icon-table-search {
  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%22M19.3%2017.89c1.32-2.1.7-4.89-1.41-6.21a4.52%204.52%200%200%200-6.21%201.41C10.36%2015.2%2011%2018%2013.09%2019.3c1.47.92%203.33.92%204.8%200L21%2022.39L22.39%2021zm-2-.62c-.98.98-2.56.97-3.54%200c-.97-.98-.97-2.56.01-3.54c.97-.97%202.55-.97%203.53%200c.96.99.95%202.57-.03%203.54zM19%204H5a2%202%200%200%200-2%202v12a2%202%200%200%200%202%202h5.81a6.3%206.3%200%200%201-1.31-2H5v-4h4.18c.16-.71.43-1.39.82-2H5V8h6v2.81a6.3%206.3%200%200%201%202-1.31V8h6v2a6.5%206.5%200%200%201%202%202V6a2%202%200%200%200-2-2%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%22M19.3%2017.89c1.32-2.1.7-4.89-1.41-6.21a4.52%204.52%200%200%200-6.21%201.41C10.36%2015.2%2011%2018%2013.09%2019.3c1.47.92%203.33.92%204.8%200L21%2022.39L22.39%2021zm-2-.62c-.98.98-2.56.97-3.54%200c-.97-.98-.97-2.56.01-3.54c.97-.97%202.55-.97%203.53%200c.96.99.95%202.57-.03%203.54zM19%204H5a2%202%200%200%200-2%202v12a2%202%200%200%200%202%202h5.81a6.3%206.3%200%200%201-1.31-2H5v-4h4.18c.16-.71.43-1.39.82-2H5V8h6v2.81a6.3%206.3%200%200%201%202-1.31V8h6v2a6.5%206.5%200%200%201%202%202V6a2%202%200%200%200-2-2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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

table search icon

The same icon in other sets

Related icons in Material Design Icons

Use the table search icon

SVG

React

Vue

CSS