file search icon

file-search-sharp from Keyline Icons by Keyline Icons · Sharp · MIT Free for personal and commercial use.

Name: file-search-sharp
Set: Keyline Icons
Style: Sharp
Viewbox: 24×24
License: MIT

7 other variants in Keyline Icons

file-search file-search-duotone file-search-fill file-search-sharp-duotone file-search-sharp-fill file-search-sharp-two-tone file-search-two-tone

The same icon in other sets

All file search icons →

file-search-outlinedAnt Design Icons file-search-outlineFlowbite Icons file-searchHuge Icons file-searchIconPark file-searchIconPark Outline file-searchIconPark Solid file-searchIconPark TwoTone file-searchMaterial Line Icons file-searchLucide file-searchMajesticons file-searchMaterial Design Icons file-search-fillMingCute Icon file-searchPhosphor file-search-fillRemix Icon file-search-boldSolar file-searchTabler Icons file-searchTDesign Icons

Related icons in Keyline Icons

file-arrow-down file-arrow-left file-arrow-right file-arrow-up file-check file-code file-image file-minus file-off file-plus file-spreadsheet file-text file-type file-type-corner file-x file-zip

Use the file search icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2" d="M14 2L4 2L4 22L11 22M14 2L20 8L20 13M14 2L14 8L20 8M19 18.5C19 19.8807 17.8807 21 16.5 21C15.1193 21 14 19.8807 14 18.5C14 17.1193 15.1193 16 16.5 16C17.8807 16 19 17.1193 19 18.5ZM18.2678 20.2678L20.2929 22.2929"/></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsFileSearchSharp(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="2" d="M14 2L4 2L4 22L11 22M14 2L20 8L20 13M14 2L14 8L20 8M19 18.5C19 19.8807 17.8807 21 16.5 21C15.1193 21 14 19.8807 14 18.5C14 17.1193 15.1193 16 16.5 16C17.8807 16 19 17.1193 19 18.5ZM18.2678 20.2678L20.2929 22.2929"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2" d="M14 2L4 2L4 22L11 22M14 2L20 8L20 13M14 2L14 8L20 8M19 18.5C19 19.8807 17.8807 21 16.5 21C15.1193 21 14 19.8807 14 18.5C14 17.1193 15.1193 16 16.5 16C17.8807 16 19 17.1193 19 18.5ZM18.2678 20.2678L20.2929 22.2929"/></svg>
</template>

CSS

.icon-file-search-sharp {
  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%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M14%202L4%202L4%2022L11%2022M14%202L20%208L20%2013M14%202L14%208L20%208M19%2018.5C19%2019.8807%2017.8807%2021%2016.5%2021C15.1193%2021%2014%2019.8807%2014%2018.5C14%2017.1193%2015.1193%2016%2016.5%2016C17.8807%2016%2019%2017.1193%2019%2018.5ZM18.2678%2020.2678L20.2929%2022.2929%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M14%202L4%202L4%2022L11%2022M14%202L20%208L20%2013M14%202L14%208L20%208M19%2018.5C19%2019.8807%2017.8807%2021%2016.5%2021C15.1193%2021%2014%2019.8807%2014%2018.5C14%2017.1193%2015.1193%2016%2016.5%2016C17.8807%2016%2019%2017.1193%2019%2018.5ZM18.2678%2020.2678L20.2929%2022.2929%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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