Hearing icon
zmdi:hearing
The Hearing icon (zmdi:hearing) is a free SVG icon from the Material Design Iconic Font set by MDI Community. It is drawn on a 384 × 448 grid. Material Design Iconic Font icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Material Design Iconic Font
- Author
- MDI Community
- License
- OFL-1.1
- Size
- 384 × 448
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="384" height="448" viewBox="0 0 384 448"><path fill="currentColor" d="M299 403q17 0 29.5-12.5T341 360h43q0 35-25 60t-60 25q-19 0-35-7q-41-21-59-76q-4-14-12-22.5T169 318q-41-31-61-67q-23-41-23-83q0-63 43.5-106T235 19t106 43t43 106h-43q0-45-31-76t-75.5-31T159 92t-31 76q0 31 17 63q16 27 50 54q13 10 20 16t16.5 19t14.5 29q13 38 36 50q8 4 17 4M99 32Q43 88 43 168q0 79 56 136l-30 30Q0 265 0 168T69 2zm82 136q0-22 16-37.5t38-15.5t37.5 15.5T288 168t-15.5 37.5T235 221t-38-15.5t-16-37.5"/></svg>How to use the Hearing icon
React
import { Icon } from "@iconify/react";
<Icon icon="zmdi:hearing" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="zmdi:hearing" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="zmdi:hearing" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[zmdi--hearing]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/zmdi -->
<div class="i-zmdi:hearing"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="zmdi:hearing"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/zmdi/hearing.svg" alt="Hearing icon" width="24" height="24">Hearing icon in other icon sets
Hearing icon FAQ
Is the Hearing icon free for commercial use?
Yes. Material Design Iconic Font icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Hearing icon in React?
Install @iconify/react and render <Icon icon="zmdi:hearing" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Hearing icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/zmdi/hearing.svg" alt="Hearing icon">, or paste the SVG code inline to style it with CSS.