search 2 check icon

search-2-check-fill from Keyline Icons by Keyline Icons · Fill · MIT Free for personal and commercial use.

Name
search-2-check-fill
Set
Keyline Icons
Style
Fill
Viewbox
24×24
License
MIT

7 other variants in Keyline Icons

Related icons in Keyline Icons

Use the search 2 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="M20 11C20 15.9706 15.9706 20 11 20C6.0294 20 2 15.9706 2 11C2 6.0294 6.0294 2 11 2C15.9706 2 20 6.0294 20 11ZM8.1617 12.1214L9.8115 13.8184C9.9998 14.012 10.2584 14.1213 10.5285 14.1213C10.8769 14.1213 11.2001 13.94 11.3818 13.6428L13.9746 9.4002C14.0705 9.2432 14.1213 9.0627 14.1213 8.8787C14.1213 8.3264 13.6736 7.8787 13.1213 7.8787C12.7729 7.8787 12.4497 8.06 12.268 8.3572L10.3472 11.5002L9.5957 10.7272C9.4074 10.5336 9.1488 10.4243 8.8787 10.4243C8.3264 10.4243 7.8787 10.872 7.8787 11.4243C7.8787 11.6846 7.9802 11.9347 8.1617 12.1214Z" clip-rule="evenodd" stroke="none"/><path d="M17 17L21 21"/></g></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsSearch2CheckFill(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="M20 11C20 15.9706 15.9706 20 11 20C6.0294 20 2 15.9706 2 11C2 6.0294 6.0294 2 11 2C15.9706 2 20 6.0294 20 11ZM8.1617 12.1214L9.8115 13.8184C9.9998 14.012 10.2584 14.1213 10.5285 14.1213C10.8769 14.1213 11.2001 13.94 11.3818 13.6428L13.9746 9.4002C14.0705 9.2432 14.1213 9.0627 14.1213 8.8787C14.1213 8.3264 13.6736 7.8787 13.1213 7.8787C12.7729 7.8787 12.4497 8.06 12.268 8.3572L10.3472 11.5002L9.5957 10.7272C9.4074 10.5336 9.1488 10.4243 8.8787 10.4243C8.3264 10.4243 7.8787 10.872 7.8787 11.4243C7.8787 11.6846 7.9802 11.9347 8.1617 12.1214Z" clipRule="evenodd" stroke="none"/><path d="M17 17L21 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="M20 11C20 15.9706 15.9706 20 11 20C6.0294 20 2 15.9706 2 11C2 6.0294 6.0294 2 11 2C15.9706 2 20 6.0294 20 11ZM8.1617 12.1214L9.8115 13.8184C9.9998 14.012 10.2584 14.1213 10.5285 14.1213C10.8769 14.1213 11.2001 13.94 11.3818 13.6428L13.9746 9.4002C14.0705 9.2432 14.1213 9.0627 14.1213 8.8787C14.1213 8.3264 13.6736 7.8787 13.1213 7.8787C12.7729 7.8787 12.4497 8.06 12.268 8.3572L10.3472 11.5002L9.5957 10.7272C9.4074 10.5336 9.1488 10.4243 8.8787 10.4243C8.3264 10.4243 7.8787 10.872 7.8787 11.4243C7.8787 11.6846 7.9802 11.9347 8.1617 12.1214Z" clip-rule="evenodd" stroke="none"/><path d="M17 17L21 21"/></g></svg>
</template>

CSS

.icon-search-2-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%22M20%2011C20%2015.9706%2015.9706%2020%2011%2020C6.0294%2020%202%2015.9706%202%2011C2%206.0294%206.0294%202%2011%202C15.9706%202%2020%206.0294%2020%2011ZM8.1617%2012.1214L9.8115%2013.8184C9.9998%2014.012%2010.2584%2014.1213%2010.5285%2014.1213C10.8769%2014.1213%2011.2001%2013.94%2011.3818%2013.6428L13.9746%209.4002C14.0705%209.2432%2014.1213%209.0627%2014.1213%208.8787C14.1213%208.3264%2013.6736%207.8787%2013.1213%207.8787C12.7729%207.8787%2012.4497%208.06%2012.268%208.3572L10.3472%2011.5002L9.5957%2010.7272C9.4074%2010.5336%209.1488%2010.4243%208.8787%2010.4243C8.3264%2010.4243%207.8787%2010.872%207.8787%2011.4243C7.8787%2011.6846%207.9802%2011.9347%208.1617%2012.1214Z%22%20clip-rule%3D%22evenodd%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M17%2017L21%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%22M20%2011C20%2015.9706%2015.9706%2020%2011%2020C6.0294%2020%202%2015.9706%202%2011C2%206.0294%206.0294%202%2011%202C15.9706%202%2020%206.0294%2020%2011ZM8.1617%2012.1214L9.8115%2013.8184C9.9998%2014.012%2010.2584%2014.1213%2010.5285%2014.1213C10.8769%2014.1213%2011.2001%2013.94%2011.3818%2013.6428L13.9746%209.4002C14.0705%209.2432%2014.1213%209.0627%2014.1213%208.8787C14.1213%208.3264%2013.6736%207.8787%2013.1213%207.8787C12.7729%207.8787%2012.4497%208.06%2012.268%208.3572L10.3472%2011.5002L9.5957%2010.7272C9.4074%2010.5336%209.1488%2010.4243%208.8787%2010.4243C8.3264%2010.4243%207.8787%2010.872%207.8787%2011.4243C7.8787%2011.6846%207.9802%2011.9347%208.1617%2012.1214Z%22%20clip-rule%3D%22evenodd%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M17%2017L21%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-2-check-fill.svg?color=%231a73e8&size=48