search check icon
search-check-fill from Keyline Icons by Keyline Icons · Fill · MIT Free for personal and commercial use.
- Name
- search-check-fill
- Set
- Keyline Icons
- Style
- Fill
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
The same icon in other sets
Related icons in Keyline Icons
Use the search check 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-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-rule="evenodd" d="M18 10C18 14.4183 14.4183 18 10 18C5.5817 18 2 14.4183 2 10C2 5.5817 5.5817 2 10 2C14.4183 2 18 5.5817 18 10ZM7.1617 11.1214L8.8115 12.8184C8.9998 13.012 9.2584 13.1213 9.5285 13.1213C9.8769 13.1213 10.2001 12.94 10.3818 12.6428L12.9746 8.4002C13.0705 8.2432 13.1213 8.0627 13.1213 7.8787C13.1213 7.3264 12.6736 6.8787 12.1213 6.8787C11.7729 6.8787 11.4497 7.06 11.268 7.3572L9.3472 10.5002L8.5957 9.7272C8.4074 9.5336 8.1488 9.4243 7.8787 9.4243C7.3264 9.4243 6.8787 9.872 6.8787 10.4243C6.8787 10.6846 6.9802 10.9347 7.1617 11.1214Z" clip-rule="evenodd" stroke="none"/><path d="M15 15L21 21"/></g></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsSearchCheckFill(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" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2"><path fill="currentColor" fillRule="evenodd" d="M18 10C18 14.4183 14.4183 18 10 18C5.5817 18 2 14.4183 2 10C2 5.5817 5.5817 2 10 2C14.4183 2 18 5.5817 18 10ZM7.1617 11.1214L8.8115 12.8184C8.9998 13.012 9.2584 13.1213 9.5285 13.1213C9.8769 13.1213 10.2001 12.94 10.3818 12.6428L12.9746 8.4002C13.0705 8.2432 13.1213 8.0627 13.1213 7.8787C13.1213 7.3264 12.6736 6.8787 12.1213 6.8787C11.7729 6.8787 11.4497 7.06 11.268 7.3572L9.3472 10.5002L8.5957 9.7272C8.4074 9.5336 8.1488 9.4243 7.8787 9.4243C7.3264 9.4243 6.8787 9.872 6.8787 10.4243C6.8787 10.6846 6.9802 10.9347 7.1617 11.1214Z" clipRule="evenodd" stroke="none"/><path d="M15 15L21 21"/></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-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-rule="evenodd" d="M18 10C18 14.4183 14.4183 18 10 18C5.5817 18 2 14.4183 2 10C2 5.5817 5.5817 2 10 2C14.4183 2 18 5.5817 18 10ZM7.1617 11.1214L8.8115 12.8184C8.9998 13.012 9.2584 13.1213 9.5285 13.1213C9.8769 13.1213 10.2001 12.94 10.3818 12.6428L12.9746 8.4002C13.0705 8.2432 13.1213 8.0627 13.1213 7.8787C13.1213 7.3264 12.6736 6.8787 12.1213 6.8787C11.7729 6.8787 11.4497 7.06 11.268 7.3572L9.3472 10.5002L8.5957 9.7272C8.4074 9.5336 8.1488 9.4243 7.8787 9.4243C7.3264 9.4243 6.8787 9.872 6.8787 10.4243C6.8787 10.6846 6.9802 10.9347 7.1617 11.1214Z" clip-rule="evenodd" stroke="none"/><path d="M15 15L21 21"/></g></svg> </template>
CSS
.icon-search-check-fill {
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-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M18%2010C18%2014.4183%2014.4183%2018%2010%2018C5.5817%2018%202%2014.4183%202%2010C2%205.5817%205.5817%202%2010%202C14.4183%202%2018%205.5817%2018%2010ZM7.1617%2011.1214L8.8115%2012.8184C8.9998%2013.012%209.2584%2013.1213%209.5285%2013.1213C9.8769%2013.1213%2010.2001%2012.94%2010.3818%2012.6428L12.9746%208.4002C13.0705%208.2432%2013.1213%208.0627%2013.1213%207.8787C13.1213%207.3264%2012.6736%206.8787%2012.1213%206.8787C11.7729%206.8787%2011.4497%207.06%2011.268%207.3572L9.3472%2010.5002L8.5957%209.7272C8.4074%209.5336%208.1488%209.4243%207.8787%209.4243C7.3264%209.4243%206.8787%209.872%206.8787%2010.4243C6.8787%2010.6846%206.9802%2010.9347%207.1617%2011.1214Z%22%20clip-rule%3D%22evenodd%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M15%2015L21%2021%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-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M18%2010C18%2014.4183%2014.4183%2018%2010%2018C5.5817%2018%202%2014.4183%202%2010C2%205.5817%205.5817%202%2010%202C14.4183%202%2018%205.5817%2018%2010ZM7.1617%2011.1214L8.8115%2012.8184C8.9998%2013.012%209.2584%2013.1213%209.5285%2013.1213C9.8769%2013.1213%2010.2001%2012.94%2010.3818%2012.6428L12.9746%208.4002C13.0705%208.2432%2013.1213%208.0627%2013.1213%207.8787C13.1213%207.3264%2012.6736%206.8787%2012.1213%206.8787C11.7729%206.8787%2011.4497%207.06%2011.268%207.3572L9.3472%2010.5002L8.5957%209.7272C8.4074%209.5336%208.1488%209.4243%207.8787%209.4243C7.3264%209.4243%206.8787%209.872%206.8787%2010.4243C6.8787%2010.6846%206.9802%2010.9347%207.1617%2011.1214Z%22%20clip-rule%3D%22evenodd%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M15%2015L21%2021%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/search-check-fill.svg?color=%231a73e8&size=48
