audio lines search icon

audio-lines-search from Keyline Icons by Keyline Icons · Stroke · MIT Free for personal and commercial use.

Name
audio-lines-search
Set
Keyline Icons
Style
Stroke
Viewbox
24×24
License
MIT

7 other variants in Keyline Icons

audio-lines-search-duotoneaudio-lines-search-fillaudio-lines-search-sharpaudio-lines-search-sharp-duotoneaudio-lines-search-sharp-fillaudio-lines-search-sharp-two-toneaudio-lines-search-two-tone

Related icons in Keyline Icons

audio-lines

Use the audio lines 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-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 10L4 14M8 6L8 18M12 3L12 12.8097M16 7L16 11.0192M20 10L20 12.0225M19 17.5C19 18.8807 17.8807 20 16.5 20C15.1193 20 14 18.8807 14 17.5C14 16.1193 15.1193 15 16.5 15C17.8807 15 19 16.1193 19 17.5ZM18.5 19.5L20 21"/></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsAudioLinesSearch(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" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M4 10L4 14M8 6L8 18M12 3L12 12.8097M16 7L16 11.0192M20 10L20 12.0225M19 17.5C19 18.8807 17.8807 20 16.5 20C15.1193 20 14 18.8807 14 17.5C14 16.1193 15.1193 15 16.5 15C17.8807 15 19 16.1193 19 17.5ZM18.5 19.5L20 21"/></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-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 10L4 14M8 6L8 18M12 3L12 12.8097M16 7L16 11.0192M20 10L20 12.0225M19 17.5C19 18.8807 17.8807 20 16.5 20C15.1193 20 14 18.8807 14 17.5C14 16.1193 15.1193 15 16.5 15C17.8807 15 19 16.1193 19 17.5ZM18.5 19.5L20 21"/></svg>
</template>

CSS

.icon-audio-lines-search {
  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-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M4%2010L4%2014M8%206L8%2018M12%203L12%2012.8097M16%207L16%2011.0192M20%2010L20%2012.0225M19%2017.5C19%2018.8807%2017.8807%2020%2016.5%2020C15.1193%2020%2014%2018.8807%2014%2017.5C14%2016.1193%2015.1193%2015%2016.5%2015C17.8807%2015%2019%2016.1193%2019%2017.5ZM18.5%2019.5L20%2021%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-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M4%2010L4%2014M8%206L8%2018M12%203L12%2012.8097M16%207L16%2011.0192M20%2010L20%2012.0225M19%2017.5C19%2018.8807%2017.8807%2020%2016.5%2020C15.1193%2020%2014%2018.8807%2014%2017.5C14%2016.1193%2015.1193%2015%2016.5%2015C17.8807%2015%2019%2016.1193%2019%2017.5ZM18.5%2019.5L20%2021%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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