audio lines search icon

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

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

7 other variants in Keyline Icons

audio-lines-searchaudio-lines-search-duotoneaudio-lines-search-fillaudio-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-linejoin="round" stroke-width="2" d="M4 9L4 14L4 15M8 5L8 18L8 19M12 2L12 12.8097L12 13.8097M16 6L16 11.0192L16 12.0192M20 9L20 12.0225L20 13.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.2678 19.2678L20.2929 21.2929"/></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsAudioLinesSearchSharp(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" strokeLinejoin="round" strokeWidth="2" d="M4 9L4 14L4 15M8 5L8 18L8 19M12 2L12 12.8097L12 13.8097M16 6L16 11.0192L16 12.0192M20 9L20 12.0225L20 13.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.2678 19.2678L20.2929 21.2929"/></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-linejoin="round" stroke-width="2" d="M4 9L4 14L4 15M8 5L8 18L8 19M12 2L12 12.8097L12 13.8097M16 6L16 11.0192L16 12.0192M20 9L20 12.0225L20 13.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.2678 19.2678L20.2929 21.2929"/></svg>
</template>

CSS

.icon-audio-lines-search-sharp {
  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-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M4%209L4%2014L4%2015M8%205L8%2018L8%2019M12%202L12%2012.8097L12%2013.8097M16%206L16%2011.0192L16%2012.0192M20%209L20%2012.0225L20%2013.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.2678%2019.2678L20.2929%2021.2929%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-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M4%209L4%2014L4%2015M8%205L8%2018L8%2019M12%202L12%2012.8097L12%2013.8097M16%206L16%2011.0192L16%2012.0192M20%209L20%2012.0225L20%2013.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.2678%2019.2678L20.2929%2021.2929%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-sharp.svg?color=%231a73e8&size=48