hearing aid negative icon
hearing-aid-negative from Health Icons by Resolve to Save Lives · Filled · MIT Free for personal and commercial use.
- Name
- hearing-aid-negative
- Set
- Health Icons
- Style
- Filled
- Viewbox
- 48×48
- License
- MIT
Related icons in Health Icons
Use the hearing aid negative icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><g fill="currentColor" clip-path="url(#healthiconsHearingAidNegative)"><path d="M22.567 24.13a7 7 0 0 1-2.56-2.43l-3.177 4.08l1.58 1.58z"/><path fill-rule="evenodd" d="M48 0H0v48h48zM26 7c-6.075 0-11 4.925-11 11h-2c0-7.18 5.82-13 13-13s13 5.82 13 13c0 4.501-2.288 8.467-5.76 10.8c-2.37 1.59-4.24 3.706-4.24 6.11V35a8 8 0 1 1-16 0v-.858a11 11 0 0 1 2.447-6.917l-.654-.654a1 1 0 0 1-.082-1.32l4.416-5.679a7 7 0 1 1 5.694 5.337l-5.879 4.573a1 1 0 0 1-1.32-.082l-.751-.75A9 9 0 0 0 15 34.141V35a6 6 0 0 0 12 0v-.089c0-3.457 2.628-6.096 5.124-7.772A10.99 10.99 0 0 0 37 18c0-6.075-4.925-11-11-11" clip-rule="evenodd"/></g><defs><clipPath id="healthiconsHearingAidNegative"><path d="M0 0h48v48H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function HealthiconsHearingAidNegative(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><g fill="currentColor" clipPath="url(#healthiconsHearingAidNegative)"><path d="M22.567 24.13a7 7 0 0 1-2.56-2.43l-3.177 4.08l1.58 1.58z"/><path fillRule="evenodd" d="M48 0H0v48h48zM26 7c-6.075 0-11 4.925-11 11h-2c0-7.18 5.82-13 13-13s13 5.82 13 13c0 4.501-2.288 8.467-5.76 10.8c-2.37 1.59-4.24 3.706-4.24 6.11V35a8 8 0 1 1-16 0v-.858a11 11 0 0 1 2.447-6.917l-.654-.654a1 1 0 0 1-.082-1.32l4.416-5.679a7 7 0 1 1 5.694 5.337l-5.879 4.573a1 1 0 0 1-1.32-.082l-.751-.75A9 9 0 0 0 15 34.141V35a6 6 0 0 0 12 0v-.089c0-3.457 2.628-6.096 5.124-7.772A10.99 10.99 0 0 0 37 18c0-6.075-4.925-11-11-11" clipRule="evenodd"/></g><defs><clipPath id="healthiconsHearingAidNegative"><path d="M0 0h48v48H0z"/></clipPath></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><g fill="currentColor" clip-path="url(#healthiconsHearingAidNegative)"><path d="M22.567 24.13a7 7 0 0 1-2.56-2.43l-3.177 4.08l1.58 1.58z"/><path fill-rule="evenodd" d="M48 0H0v48h48zM26 7c-6.075 0-11 4.925-11 11h-2c0-7.18 5.82-13 13-13s13 5.82 13 13c0 4.501-2.288 8.467-5.76 10.8c-2.37 1.59-4.24 3.706-4.24 6.11V35a8 8 0 1 1-16 0v-.858a11 11 0 0 1 2.447-6.917l-.654-.654a1 1 0 0 1-.082-1.32l4.416-5.679a7 7 0 1 1 5.694 5.337l-5.879 4.573a1 1 0 0 1-1.32-.082l-.751-.75A9 9 0 0 0 15 34.141V35a6 6 0 0 0 12 0v-.089c0-3.457 2.628-6.096 5.124-7.772A10.99 10.99 0 0 0 37 18c0-6.075-4.925-11-11-11" clip-rule="evenodd"/></g><defs><clipPath id="healthiconsHearingAidNegative"><path d="M0 0h48v48H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-hearing-aid-negative {
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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20fill%3D%22currentColor%22%20clip-path%3D%22url(%23healthiconsHearingAidNegative)%22%3E%3Cpath%20d%3D%22M22.567%2024.13a7%207%200%200%201-2.56-2.43l-3.177%204.08l1.58%201.58z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M48%200H0v48h48zM26%207c-6.075%200-11%204.925-11%2011h-2c0-7.18%205.82-13%2013-13s13%205.82%2013%2013c0%204.501-2.288%208.467-5.76%2010.8c-2.37%201.59-4.24%203.706-4.24%206.11V35a8%208%200%201%201-16%200v-.858a11%2011%200%200%201%202.447-6.917l-.654-.654a1%201%200%200%201-.082-1.32l4.416-5.679a7%207%200%201%201%205.694%205.337l-5.879%204.573a1%201%200%200%201-1.32-.082l-.751-.75A9%209%200%200%200%2015%2034.141V35a6%206%200%200%200%2012%200v-.089c0-3.457%202.628-6.096%205.124-7.772A10.99%2010.99%200%200%200%2037%2018c0-6.075-4.925-11-11-11%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22healthiconsHearingAidNegative%22%3E%3Cpath%20d%3D%22M0%200h48v48H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20fill%3D%22currentColor%22%20clip-path%3D%22url(%23healthiconsHearingAidNegative)%22%3E%3Cpath%20d%3D%22M22.567%2024.13a7%207%200%200%201-2.56-2.43l-3.177%204.08l1.58%201.58z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M48%200H0v48h48zM26%207c-6.075%200-11%204.925-11%2011h-2c0-7.18%205.82-13%2013-13s13%205.82%2013%2013c0%204.501-2.288%208.467-5.76%2010.8c-2.37%201.59-4.24%203.706-4.24%206.11V35a8%208%200%201%201-16%200v-.858a11%2011%200%200%201%202.447-6.917l-.654-.654a1%201%200%200%201-.082-1.32l4.416-5.679a7%207%200%201%201%205.694%205.337l-5.879%204.573a1%201%200%200%201-1.32-.082l-.751-.75A9%209%200%200%200%2015%2034.141V35a6%206%200%200%200%2012%200v-.089c0-3.457%202.628-6.096%205.124-7.772A10.99%2010.99%200%200%200%2037%2018c0-6.075-4.925-11-11-11%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22healthiconsHearingAidNegative%22%3E%3Cpath%20d%3D%22M0%200h48v48H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/hearing-aid-negative.svg?color=%231a73e8&size=48