search 2 list icon

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

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

7 other variants in Keyline Icons

search-2-list search-2-list-duotone search-2-list-sharp search-2-list-sharp-duotone search-2-list-sharp-fill search-2-list-sharp-two-tone search-2-list-two-tone

Related icons in Keyline Icons

search-2 search-2-check search-2-minus search-2-plus search-2-x search-check search-list search-minus search-plus search-slash search-x

Use the search 2 list 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.8 10L11.2 10C11.7523 10 12.2 9.5523 12.2 9C12.2 8.4477 11.7523 8 11.2 8L8.8 8C8.2477 8 7.8 8.4477 7.8 9C7.8 9.5523 8.2477 10 8.8 10ZM8.8 14L13.2 14C13.7523 14 14.2 13.5523 14.2 13C14.2 12.4477 13.7523 12 13.2 12L8.8 12C8.2477 12 7.8 12.4477 7.8 13C7.8 13.5523 8.2477 14 8.8 14Z" clip-rule="evenodd" stroke="none"/><path d="M17 17L21 21"/></g></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsSearch2ListFill(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.8 10L11.2 10C11.7523 10 12.2 9.5523 12.2 9C12.2 8.4477 11.7523 8 11.2 8L8.8 8C8.2477 8 7.8 8.4477 7.8 9C7.8 9.5523 8.2477 10 8.8 10ZM8.8 14L13.2 14C13.7523 14 14.2 13.5523 14.2 13C14.2 12.4477 13.7523 12 13.2 12L8.8 12C8.2477 12 7.8 12.4477 7.8 13C7.8 13.5523 8.2477 14 8.8 14Z" 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.8 10L11.2 10C11.7523 10 12.2 9.5523 12.2 9C12.2 8.4477 11.7523 8 11.2 8L8.8 8C8.2477 8 7.8 8.4477 7.8 9C7.8 9.5523 8.2477 10 8.8 10ZM8.8 14L13.2 14C13.7523 14 14.2 13.5523 14.2 13C14.2 12.4477 13.7523 12 13.2 12L8.8 12C8.2477 12 7.8 12.4477 7.8 13C7.8 13.5523 8.2477 14 8.8 14Z" clip-rule="evenodd" stroke="none"/><path d="M17 17L21 21"/></g></svg>
</template>

CSS

.icon-search-2-list-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.8%2010L11.2%2010C11.7523%2010%2012.2%209.5523%2012.2%209C12.2%208.4477%2011.7523%208%2011.2%208L8.8%208C8.2477%208%207.8%208.4477%207.8%209C7.8%209.5523%208.2477%2010%208.8%2010ZM8.8%2014L13.2%2014C13.7523%2014%2014.2%2013.5523%2014.2%2013C14.2%2012.4477%2013.7523%2012%2013.2%2012L8.8%2012C8.2477%2012%207.8%2012.4477%207.8%2013C7.8%2013.5523%208.2477%2014%208.8%2014Z%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.8%2010L11.2%2010C11.7523%2010%2012.2%209.5523%2012.2%209C12.2%208.4477%2011.7523%208%2011.2%208L8.8%208C8.2477%208%207.8%208.4477%207.8%209C7.8%209.5523%208.2477%2010%208.8%2010ZM8.8%2014L13.2%2014C13.7523%2014%2014.2%2013.5523%2014.2%2013C14.2%2012.4477%2013.7523%2012%2013.2%2012L8.8%2012C8.2477%2012%207.8%2012.4477%207.8%2013C7.8%2013.5523%208.2477%2014%208.8%2014Z%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-list-fill.svg?color=%231a73e8&size=48