deaf negative icon

deaf-negative from Health Icons by Resolve to Save Lives · Filled · MIT Free for personal and commercial use.

Name
deaf-negative
Set
Health Icons
Style
Filled
Viewbox
48×48
License
MIT

Use the deaf negative icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><g clip-path="url(#healthiconsDeafNegative)"><path fill="currentColor" fill-rule="evenodd" d="M48 0H0v48h48zM27 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-2h2v2a6 6 0 0 0 12 0v-.089c0-3.457 2.628-6.096 5.124-7.772A10.99 10.99 0 0 0 38 18c0-6.075-4.925-11-11-11m-3.178 4.763A7 7 0 0 1 31.95 22.95l-1.415-1.415a5 5 0 0 0-5.805-7.99zm-15.53 7.944L13.587 25l-5.293 5.293l1.414 1.414L15 26.414l5.293 5.293l1.414-1.414L16.414 25l5.293-5.293l-1.414-1.414L15 23.586l-5.293-5.293z" clip-rule="evenodd"/></g><defs><clipPath id="healthiconsDeafNegative"><path d="M0 0h48v48H0z"/></clipPath></defs></g></svg>

React

import type { SVGProps } from "react";

export function HealthiconsDeafNegative(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 clipPath="url(#healthiconsDeafNegative)"><path fill="currentColor" fillRule="evenodd" d="M48 0H0v48h48zM27 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-2h2v2a6 6 0 0 0 12 0v-.089c0-3.457 2.628-6.096 5.124-7.772A10.99 10.99 0 0 0 38 18c0-6.075-4.925-11-11-11m-3.178 4.763A7 7 0 0 1 31.95 22.95l-1.415-1.415a5 5 0 0 0-5.805-7.99zm-15.53 7.944L13.587 25l-5.293 5.293l1.414 1.414L15 26.414l5.293 5.293l1.414-1.414L16.414 25l5.293-5.293l-1.414-1.414L15 23.586l-5.293-5.293z" clipRule="evenodd"/></g><defs><clipPath id="healthiconsDeafNegative"><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 clip-path="url(#healthiconsDeafNegative)"><path fill="currentColor" fill-rule="evenodd" d="M48 0H0v48h48zM27 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-2h2v2a6 6 0 0 0 12 0v-.089c0-3.457 2.628-6.096 5.124-7.772A10.99 10.99 0 0 0 38 18c0-6.075-4.925-11-11-11m-3.178 4.763A7 7 0 0 1 31.95 22.95l-1.415-1.415a5 5 0 0 0-5.805-7.99zm-15.53 7.944L13.587 25l-5.293 5.293l1.414 1.414L15 26.414l5.293 5.293l1.414-1.414L16.414 25l5.293-5.293l-1.414-1.414L15 23.586l-5.293-5.293z" clip-rule="evenodd"/></g><defs><clipPath id="healthiconsDeafNegative"><path d="M0 0h48v48H0z"/></clipPath></defs></g></svg>
</template>

CSS

.icon-deaf-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%20clip-path%3D%22url(%23healthiconsDeafNegative)%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M48%200H0v48h48zM27%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-2h2v2a6%206%200%200%200%2012%200v-.089c0-3.457%202.628-6.096%205.124-7.772A10.99%2010.99%200%200%200%2038%2018c0-6.075-4.925-11-11-11m-3.178%204.763A7%207%200%200%201%2031.95%2022.95l-1.415-1.415a5%205%200%200%200-5.805-7.99zm-15.53%207.944L13.587%2025l-5.293%205.293l1.414%201.414L15%2026.414l5.293%205.293l1.414-1.414L16.414%2025l5.293-5.293l-1.414-1.414L15%2023.586l-5.293-5.293z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22healthiconsDeafNegative%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%20clip-path%3D%22url(%23healthiconsDeafNegative)%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M48%200H0v48h48zM27%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-2h2v2a6%206%200%200%200%2012%200v-.089c0-3.457%202.628-6.096%205.124-7.772A10.99%2010.99%200%200%200%2038%2018c0-6.075-4.925-11-11-11m-3.178%204.763A7%207%200%200%201%2031.95%2022.95l-1.415-1.415a5%205%200%200%200-5.805-7.99zm-15.53%207.944L13.587%2025l-5.293%205.293l1.414%201.414L15%2026.414l5.293%205.293l1.414-1.414L16.414%2025l5.293-5.293l-1.414-1.414L15%2023.586l-5.293-5.293z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22healthiconsDeafNegative%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/deaf-negative.svg?color=%231a73e8&size=48