file search icon

file-search-outlined from Ant Design Icons by HeskeyBaozi · Outlined · MIT Free for personal and commercial use.

Name
file-search-outlined
Set
Ant Design Icons
Style
Outlined
Viewbox
1024×1024
License
MIT
Aliases
file-search, file-search-outline

The same icon in other sets

file-search-outlineFlowbite Iconsfile-searchHuge Iconsfile-searchIconParkfile-searchIconPark Outlinefile-searchIconPark Solidfile-searchIconPark TwoTonefile-searchMaterial Line Iconsfile-searchLucidefile-searchMajesticonsfile-searchMaterial Design Iconsfile-search-fillMingCute Iconfile-searchPhosphorfile-search-fillRemix Iconfile-search-boldSolarfile-searchTabler Iconsfile-searchTDesign Icons

Related icons in Ant Design Icons

file-add-filledfile-done-outlinedfile-excel-filledfile-exclamation-filledfile-gif-outlinedfile-image-filledfile-jpg-outlinedfile-markdown-filledfile-pdf-filledfile-ppt-filledfile-protect-outlinedfile-sync-outlinedfile-text-filledfile-unknown-filledfile-word-filledfile-zip-filled

Use the file search icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M688 312v-48c0-4.4-3.6-8-8-8H296c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h384c4.4 0 8-3.6 8-8m-392 88c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8zm144 452H208V148h560v344c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V108c0-17.7-14.3-32-32-32H168c-17.7 0-32 14.3-32 32v784c0 17.7 14.3 32 32 32h272c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8m445.7 51.5l-93.3-93.3C814.7 780.7 828 743.9 828 704c0-97.2-78.8-176-176-176s-176 78.8-176 176s78.8 176 176 176c35.8 0 69-10.7 96.8-29l94.7 94.7c1.6 1.6 3.6 2.3 5.6 2.3s4.1-.8 5.6-2.3l31-31a7.9 7.9 0 0 0 0-11.2M652 816c-61.9 0-112-50.1-112-112s50.1-112 112-112s112 50.1 112 112s-50.1 112-112 112"/></svg>

React

import type { SVGProps } from "react";

export function AntDesignFileSearchOutlined(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M688 312v-48c0-4.4-3.6-8-8-8H296c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h384c4.4 0 8-3.6 8-8m-392 88c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8zm144 452H208V148h560v344c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V108c0-17.7-14.3-32-32-32H168c-17.7 0-32 14.3-32 32v784c0 17.7 14.3 32 32 32h272c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8m445.7 51.5l-93.3-93.3C814.7 780.7 828 743.9 828 704c0-97.2-78.8-176-176-176s-176 78.8-176 176s78.8 176 176 176c35.8 0 69-10.7 96.8-29l94.7 94.7c1.6 1.6 3.6 2.3 5.6 2.3s4.1-.8 5.6-2.3l31-31a7.9 7.9 0 0 0 0-11.2M652 816c-61.9 0-112-50.1-112-112s50.1-112 112-112s112 50.1 112 112s-50.1 112-112 112"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M688 312v-48c0-4.4-3.6-8-8-8H296c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h384c4.4 0 8-3.6 8-8m-392 88c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8zm144 452H208V148h560v344c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V108c0-17.7-14.3-32-32-32H168c-17.7 0-32 14.3-32 32v784c0 17.7 14.3 32 32 32h272c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8m445.7 51.5l-93.3-93.3C814.7 780.7 828 743.9 828 704c0-97.2-78.8-176-176-176s-176 78.8-176 176s78.8 176 176 176c35.8 0 69-10.7 96.8-29l94.7 94.7c1.6 1.6 3.6 2.3 5.6 2.3s4.1-.8 5.6-2.3l31-31a7.9 7.9 0 0 0 0-11.2M652 816c-61.9 0-112-50.1-112-112s50.1-112 112-112s112 50.1 112 112s-50.1 112-112 112"/></svg>
</template>

CSS

.icon-file-search-outlined {
  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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M688%20312v-48c0-4.4-3.6-8-8-8H296c-4.4%200-8%203.6-8%208v48c0%204.4%203.6%208%208%208h384c4.4%200%208-3.6%208-8m-392%2088c-4.4%200-8%203.6-8%208v48c0%204.4%203.6%208%208%208h184c4.4%200%208-3.6%208-8v-48c0-4.4-3.6-8-8-8zm144%20452H208V148h560v344c0%204.4%203.6%208%208%208h56c4.4%200%208-3.6%208-8V108c0-17.7-14.3-32-32-32H168c-17.7%200-32%2014.3-32%2032v784c0%2017.7%2014.3%2032%2032%2032h272c4.4%200%208-3.6%208-8v-56c0-4.4-3.6-8-8-8m445.7%2051.5l-93.3-93.3C814.7%20780.7%20828%20743.9%20828%20704c0-97.2-78.8-176-176-176s-176%2078.8-176%20176s78.8%20176%20176%20176c35.8%200%2069-10.7%2096.8-29l94.7%2094.7c1.6%201.6%203.6%202.3%205.6%202.3s4.1-.8%205.6-2.3l31-31a7.9%207.9%200%200%200%200-11.2M652%20816c-61.9%200-112-50.1-112-112s50.1-112%20112-112s112%2050.1%20112%20112s-50.1%20112-112%20112%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M688%20312v-48c0-4.4-3.6-8-8-8H296c-4.4%200-8%203.6-8%208v48c0%204.4%203.6%208%208%208h384c4.4%200%208-3.6%208-8m-392%2088c-4.4%200-8%203.6-8%208v48c0%204.4%203.6%208%208%208h184c4.4%200%208-3.6%208-8v-48c0-4.4-3.6-8-8-8zm144%20452H208V148h560v344c0%204.4%203.6%208%208%208h56c4.4%200%208-3.6%208-8V108c0-17.7-14.3-32-32-32H168c-17.7%200-32%2014.3-32%2032v784c0%2017.7%2014.3%2032%2032%2032h272c4.4%200%208-3.6%208-8v-56c0-4.4-3.6-8-8-8m445.7%2051.5l-93.3-93.3C814.7%20780.7%20828%20743.9%20828%20704c0-97.2-78.8-176-176-176s-176%2078.8-176%20176s78.8%20176%20176%20176c35.8%200%2069-10.7%2096.8-29l94.7%2094.7c1.6%201.6%203.6%202.3%205.6%202.3s4.1-.8%205.6-2.3l31-31a7.9%207.9%200%200%200%200-11.2M652%20816c-61.9%200-112-50.1-112-112s50.1-112%20112-112s112%2050.1%20112%20112s-50.1%20112-112%20112%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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