hearing icon
hearing from Material Symbols Light by Google · Regular · Audio & Video · Apache-2.0 Free for personal and commercial use.
- Name
- hearing
- Set
- Material Symbols Light
- Style
- Regular
- Category
- Audio & Video
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- hearing-outline, hearing-outline-sharp, hearing-sharp
2 other variants in Material Symbols Light
The same icon in other sets
More audio & video icons from Material Symbols Light
Use the hearing icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.98 21.5q1.34 0 2.23-.756q.892-.755 1.398-2.14q.386-1.096.87-1.702t1.845-1.686q1.512-1.212 2.335-2.72T16.48 9q0-2.783-1.859-4.641T9.981 2.5q-2.667 0-4.488 1.695T3.52 8.5h1q.154-2.183 1.707-3.591T9.981 3.5q2.317 0 3.909 1.591Q15.48 6.683 15.48 9q0 1.777-.8 3.16q-.8 1.382-2.068 2.351q-1.185.893-1.824 1.687t-1.084 1.96q-.427 1.119-1.04 1.73t-1.683.612q-.883 0-1.566-.568q-.684-.568-.857-1.432H3.519q.173 1.285 1.147 2.142q.973.858 2.315.858m10.761-5.48q1.264-1.386 2.001-3.19T20.481 9q0-2.03-.738-3.858q-.737-1.827-2-3.211l-.72.669q1.154 1.308 1.806 2.926T19.48 9q0 1.812-.652 3.427t-1.806 2.923zm-6.256-5.517q.61-.612.61-1.503q0-.896-.61-1.506q-.609-.61-1.505-.61t-1.506.61T7.865 9q0 .89.61 1.503t1.506.613t1.506-.613"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightHearing(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.98 21.5q1.34 0 2.23-.756q.892-.755 1.398-2.14q.386-1.096.87-1.702t1.845-1.686q1.512-1.212 2.335-2.72T16.48 9q0-2.783-1.859-4.641T9.981 2.5q-2.667 0-4.488 1.695T3.52 8.5h1q.154-2.183 1.707-3.591T9.981 3.5q2.317 0 3.909 1.591Q15.48 6.683 15.48 9q0 1.777-.8 3.16q-.8 1.382-2.068 2.351q-1.185.893-1.824 1.687t-1.084 1.96q-.427 1.119-1.04 1.73t-1.683.612q-.883 0-1.566-.568q-.684-.568-.857-1.432H3.519q.173 1.285 1.147 2.142q.973.858 2.315.858m10.761-5.48q1.264-1.386 2.001-3.19T20.481 9q0-2.03-.738-3.858q-.737-1.827-2-3.211l-.72.669q1.154 1.308 1.806 2.926T19.48 9q0 1.812-.652 3.427t-1.806 2.923zm-6.256-5.517q.61-.612.61-1.503q0-.896-.61-1.506q-.609-.61-1.505-.61t-1.506.61T7.865 9q0 .89.61 1.503t1.506.613t1.506-.613"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.98 21.5q1.34 0 2.23-.756q.892-.755 1.398-2.14q.386-1.096.87-1.702t1.845-1.686q1.512-1.212 2.335-2.72T16.48 9q0-2.783-1.859-4.641T9.981 2.5q-2.667 0-4.488 1.695T3.52 8.5h1q.154-2.183 1.707-3.591T9.981 3.5q2.317 0 3.909 1.591Q15.48 6.683 15.48 9q0 1.777-.8 3.16q-.8 1.382-2.068 2.351q-1.185.893-1.824 1.687t-1.084 1.96q-.427 1.119-1.04 1.73t-1.683.612q-.883 0-1.566-.568q-.684-.568-.857-1.432H3.519q.173 1.285 1.147 2.142q.973.858 2.315.858m10.761-5.48q1.264-1.386 2.001-3.19T20.481 9q0-2.03-.738-3.858q-.737-1.827-2-3.211l-.72.669q1.154 1.308 1.806 2.926T19.48 9q0 1.812-.652 3.427t-1.806 2.923zm-6.256-5.517q.61-.612.61-1.503q0-.896-.61-1.506q-.609-.61-1.505-.61t-1.506.61T7.865 9q0 .89.61 1.503t1.506.613t1.506-.613"/></svg> </template>
CSS
.icon-hearing {
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%22currentColor%22%20d%3D%22M6.98%2021.5q1.34%200%202.23-.756q.892-.755%201.398-2.14q.386-1.096.87-1.702t1.845-1.686q1.512-1.212%202.335-2.72T16.48%209q0-2.783-1.859-4.641T9.981%202.5q-2.667%200-4.488%201.695T3.52%208.5h1q.154-2.183%201.707-3.591T9.981%203.5q2.317%200%203.909%201.591Q15.48%206.683%2015.48%209q0%201.777-.8%203.16q-.8%201.382-2.068%202.351q-1.185.893-1.824%201.687t-1.084%201.96q-.427%201.119-1.04%201.73t-1.683.612q-.883%200-1.566-.568q-.684-.568-.857-1.432H3.519q.173%201.285%201.147%202.142q.973.858%202.315.858m10.761-5.48q1.264-1.386%202.001-3.19T20.481%209q0-2.03-.738-3.858q-.737-1.827-2-3.211l-.72.669q1.154%201.308%201.806%202.926T19.48%209q0%201.812-.652%203.427t-1.806%202.923zm-6.256-5.517q.61-.612.61-1.503q0-.896-.61-1.506q-.609-.61-1.505-.61t-1.506.61T7.865%209q0%20.89.61%201.503t1.506.613t1.506-.613%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%22currentColor%22%20d%3D%22M6.98%2021.5q1.34%200%202.23-.756q.892-.755%201.398-2.14q.386-1.096.87-1.702t1.845-1.686q1.512-1.212%202.335-2.72T16.48%209q0-2.783-1.859-4.641T9.981%202.5q-2.667%200-4.488%201.695T3.52%208.5h1q.154-2.183%201.707-3.591T9.981%203.5q2.317%200%203.909%201.591Q15.48%206.683%2015.48%209q0%201.777-.8%203.16q-.8%201.382-2.068%202.351q-1.185.893-1.824%201.687t-1.084%201.96q-.427%201.119-1.04%201.73t-1.683.612q-.883%200-1.566-.568q-.684-.568-.857-1.432H3.519q.173%201.285%201.147%202.142q.973.858%202.315.858m10.761-5.48q1.264-1.386%202.001-3.19T20.481%209q0-2.03-.738-3.858q-.737-1.827-2-3.211l-.72.669q1.154%201.308%201.806%202.926T19.48%209q0%201.812-.652%203.427t-1.806%202.923zm-6.256-5.517q.61-.612.61-1.503q0-.896-.61-1.506q-.609-.61-1.505-.61t-1.506.61T7.865%209q0%20.89.61%201.503t1.506.613t1.506-.613%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/hearing.svg?color=%231a73e8&size=48
