file search icon
file-search-sharp-two-tone from Keyline Icons by Keyline Icons · Sharp Two Tone · MIT Free for personal and commercial use.
- Name
- file-search-sharp-two-tone
- Set
- Keyline Icons
- Style
- Sharp Two Tone
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
The same icon in other sets
file-search-outlinedAnt Design Iconsfile-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 Keyline Icons
Use the file search icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M14.707 1.293L20.7071 7.2929C20.8946 7.4805 21 7.7348 21 8.0001L21 12C21 12.5523 20.5523 13 20 13L11 13L11 22C11 22.5523 10.5523 23 10 23L4 23C3.4477 23 3 22.5523 3 22L3 2C3 1.4477 3.4477 1 4 1L14 1C14.2652 1 14.5195 1.1054 14.707 1.293Z" stroke="none"/><path 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"/></g></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsFileSearchSharpTwoTone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="2"><path fill="currentColor" fillOpacity=".4" d="M14.707 1.293L20.7071 7.2929C20.8946 7.4805 21 7.7348 21 8.0001L21 12C21 12.5523 20.5523 13 20 13L11 13L11 22C11 22.5523 10.5523 23 10 23L4 23C3.4477 23 3 22.5523 3 22L3 2C3 1.4477 3.4477 1 4 1L14 1C14.2652 1 14.5195 1.1054 14.707 1.293Z" stroke="none"/><path 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"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M14.707 1.293L20.7071 7.2929C20.8946 7.4805 21 7.7348 21 8.0001L21 12C21 12.5523 20.5523 13 20 13L11 13L11 22C11 22.5523 10.5523 23 10 23L4 23C3.4477 23 3 22.5523 3 22L3 2C3 1.4477 3.4477 1 4 1L14 1C14.2652 1 14.5195 1.1054 14.707 1.293Z" stroke="none"/><path 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"/></g></svg> </template>
CSS
.icon-file-search-sharp-two-tone {
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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%22%20d%3D%22M14.707%201.293L20.7071%207.2929C20.8946%207.4805%2021%207.7348%2021%208.0001L21%2012C21%2012.5523%2020.5523%2013%2020%2013L11%2013L11%2022C11%2022.5523%2010.5523%2023%2010%2023L4%2023C3.4477%2023%203%2022.5523%203%2022L3%202C3%201.4477%203.4477%201%204%201L14%201C14.2652%201%2014.5195%201.1054%2014.707%201.293Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%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%2Fg%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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%22%20d%3D%22M14.707%201.293L20.7071%207.2929C20.8946%207.4805%2021%207.7348%2021%208.0001L21%2012C21%2012.5523%2020.5523%2013%2020%2013L11%2013L11%2022C11%2022.5523%2010.5523%2023%2010%2023L4%2023C3.4477%2023%203%2022.5523%203%2022L3%202C3%201.4477%203.4477%201%204%201L14%201C14.2652%201%2014.5195%201.1054%2014.707%201.293Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%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%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/file-search-sharp-two-tone.svg?color=%231a73e8&size=48
