ear listen icon
ear-listen from Keyline Icons by Keyline Icons · Stroke · MIT Free for personal and commercial use.
- Name
- ear-listen
- Set
- Keyline Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
The same icon in other sets
Related icons in Keyline Icons
Use the ear listen 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="M5 9C5 5.134 8.134 2 12 2C15.866 2 19 5.134 19 9C19 13.4936 15.4839 12.0806 14 19.5C13.5 22 11.821 22 11 22C9.7285 22 8.5952 21.1985 8.1715 19.9997M14.5 9C14.5 7.6193 13.3807 6.5 12 6.5C10.6193 6.5 9.5 7.6193 9.5 9L9.5 11M2 16.5L3 18.5M5 13.5L6.5 16.5M19.8262 2C20.8096 3.0994 21.5503 4.3937 22 5.7984"/></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsEarListen(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="M5 9C5 5.134 8.134 2 12 2C15.866 2 19 5.134 19 9C19 13.4936 15.4839 12.0806 14 19.5C13.5 22 11.821 22 11 22C9.7285 22 8.5952 21.1985 8.1715 19.9997M14.5 9C14.5 7.6193 13.3807 6.5 12 6.5C10.6193 6.5 9.5 7.6193 9.5 9L9.5 11M2 16.5L3 18.5M5 13.5L6.5 16.5M19.8262 2C20.8096 3.0994 21.5503 4.3937 22 5.7984"/></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="M5 9C5 5.134 8.134 2 12 2C15.866 2 19 5.134 19 9C19 13.4936 15.4839 12.0806 14 19.5C13.5 22 11.821 22 11 22C9.7285 22 8.5952 21.1985 8.1715 19.9997M14.5 9C14.5 7.6193 13.3807 6.5 12 6.5C10.6193 6.5 9.5 7.6193 9.5 9L9.5 11M2 16.5L3 18.5M5 13.5L6.5 16.5M19.8262 2C20.8096 3.0994 21.5503 4.3937 22 5.7984"/></svg> </template>
CSS
.icon-ear-listen {
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%22M5%209C5%205.134%208.134%202%2012%202C15.866%202%2019%205.134%2019%209C19%2013.4936%2015.4839%2012.0806%2014%2019.5C13.5%2022%2011.821%2022%2011%2022C9.7285%2022%208.5952%2021.1985%208.1715%2019.9997M14.5%209C14.5%207.6193%2013.3807%206.5%2012%206.5C10.6193%206.5%209.5%207.6193%209.5%209L9.5%2011M2%2016.5L3%2018.5M5%2013.5L6.5%2016.5M19.8262%202C20.8096%203.0994%2021.5503%204.3937%2022%205.7984%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%22M5%209C5%205.134%208.134%202%2012%202C15.866%202%2019%205.134%2019%209C19%2013.4936%2015.4839%2012.0806%2014%2019.5C13.5%2022%2011.821%2022%2011%2022C9.7285%2022%208.5952%2021.1985%208.1715%2019.9997M14.5%209C14.5%207.6193%2013.3807%206.5%2012%206.5C10.6193%206.5%209.5%207.6193%209.5%209L9.5%2011M2%2016.5L3%2018.5M5%2013.5L6.5%2016.5M19.8262%202C20.8096%203.0994%2021.5503%204.3937%2022%205.7984%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/ear-listen.svg?color=%231a73e8&size=48