ear icon

Ear: hearing, ear. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M3.611 2.611C4.148 2.074 4.769 1.666 5.475 1.386C6.126 1.129 6.801 1 7.5 1C8.199 1 8.874 1.129 9.525 1.386C10.231 1.666 10.852 2.074 11.389 2.611C11.926 3.148 12.334 3.769 12.614 4.475C12.871 5.126 13 5.801 13 6.5C13 7.293 12.804 7.995 12.413 8.606C12.261 8.843 12.07 9.082 11.839 9.323C11.707 9.461 11.505 9.653 11.235 9.9C11.005 10.11 10.839 10.268 10.736 10.373C10.575 10.539 10.445 10.695 10.346 10.842C10.115 11.184 10 11.57 10 12C10 12.382 9.93 12.75 9.789 13.104C9.637 13.489 9.414 13.828 9.121 14.121C8.828 14.414 8.489 14.636 8.104 14.789C7.749 14.929 7.381 14.999 7 14.999C6.663 14.999 6.335 14.944 6.016 14.833C5.677 14.715 5.369 14.542 5.092 14.314C4.815 14.086 4.586 13.816 4.406 13.506C4.236 13.214 4.119 12.902 4.055 12.571C4.028 12.433 4.053 12.307 4.129 12.195C4.205 12.082 4.312 12.012 4.451 11.985C4.586 11.959 4.711 11.984 4.826 12.061C4.94 12.139 5.01 12.245 5.037 12.381C5.128 12.851 5.358 13.238 5.728 13.542C6.097 13.847 6.521 13.999 7 13.999C7.254 13.999 7.5 13.952 7.736 13.859C7.993 13.757 8.219 13.609 8.414 13.414C8.609 13.218 8.758 12.992 8.859 12.736C8.953 12.499 9 12.254 9 12C9 11.367 9.172 10.795 9.516 10.284C9.649 10.087 9.816 9.884 10.02 9.675C10.136 9.556 10.316 9.385 10.56 9.162C10.815 8.93 11 8.753 11.117 8.631C11.303 8.437 11.454 8.248 11.571 8.066C11.857 7.62 12 7.098 12 6.5C12 5.928 11.895 5.376 11.684 4.844C11.455 4.266 11.121 3.757 10.682 3.318C10.243 2.879 9.734 2.545 9.156 2.316C8.624 2.105 8.072 2 7.5 2C6.928 2 6.376 2.105 5.844 2.316C5.266 2.545 4.757 2.879 4.318 3.318C3.879 3.757 3.545 4.266 3.316 4.844C3.105 5.376 3 5.928 3 6.5C3 6.641 2.952 6.759 2.856 6.856C2.759 6.952 2.641 7 2.5 7C2.359 7 2.241 6.952 2.144 6.856C2.048 6.759 2 6.641 2 6.5C2 5.801 2.129 5.126 2.386 4.475C2.666 3.769 3.074 3.148 3.611 2.611ZM7.022 8.016C7.47 8.361 7.768 8.806 7.915 9.352C7.951 9.488 7.935 9.615 7.867 9.733C7.799 9.851 7.697 9.928 7.561 9.965C7.428 10 7.301 9.984 7.182 9.915C7.062 9.846 6.985 9.745 6.949 9.611C6.861 9.284 6.682 9.016 6.413 8.81C6.144 8.603 5.839 8.5 5.5 8.5C5.359 8.5 5.241 8.452 5.144 8.356C5.048 8.259 5 8.141 5 8L5 6.5C5 6.182 5.059 5.875 5.176 5.58C5.303 5.259 5.488 4.976 5.732 4.732C5.976 4.488 6.259 4.303 6.58 4.176C6.875 4.059 7.182 4 7.5 4C7.818 4 8.125 4.059 8.42 4.176C8.741 4.303 9.024 4.488 9.268 4.732C9.512 4.976 9.697 5.259 9.824 5.58C9.941 5.875 10 6.182 10 6.5C10 6.641 9.952 6.759 9.856 6.856C9.759 6.952 9.641 7 9.5 7C9.359 7 9.241 6.952 9.144 6.856C9.048 6.759 9 6.641 9 6.5C9 6.309 8.965 6.125 8.895 5.948C8.818 5.755 8.707 5.586 8.561 5.439C8.414 5.293 8.245 5.182 8.052 5.105C7.875 5.035 7.691 5 7.5 5C7.309 5 7.125 5.035 6.948 5.105C6.755 5.182 6.586 5.293 6.439 5.439C6.293 5.586 6.182 5.755 6.105 5.948C6.035 6.125 6 6.309 6 6.5L6 7.548C6.369 7.621 6.709 7.777 7.022 8.016Z"/></svg>

React

// Gentleface "ear" (line-round), MIT. https://gentleface.com/icons/ear
import type { SVGProps } from 'react';

export function EarIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M3.611 2.611C4.148 2.074 4.769 1.666 5.475 1.386C6.126 1.129 6.801 1 7.5 1C8.199 1 8.874 1.129 9.525 1.386C10.231 1.666 10.852 2.074 11.389 2.611C11.926 3.148 12.334 3.769 12.614 4.475C12.871 5.126 13 5.801 13 6.5C13 7.293 12.804 7.995 12.413 8.606C12.261 8.843 12.07 9.082 11.839 9.323C11.707 9.461 11.505 9.653 11.235 9.9C11.005 10.11 10.839 10.268 10.736 10.373C10.575 10.539 10.445 10.695 10.346 10.842C10.115 11.184 10 11.57 10 12C10 12.382 9.93 12.75 9.789 13.104C9.637 13.489 9.414 13.828 9.121 14.121C8.828 14.414 8.489 14.636 8.104 14.789C7.749 14.929 7.381 14.999 7 14.999C6.663 14.999 6.335 14.944 6.016 14.833C5.677 14.715 5.369 14.542 5.092 14.314C4.815 14.086 4.586 13.816 4.406 13.506C4.236 13.214 4.119 12.902 4.055 12.571C4.028 12.433 4.053 12.307 4.129 12.195C4.205 12.082 4.312 12.012 4.451 11.985C4.586 11.959 4.711 11.984 4.826 12.061C4.94 12.139 5.01 12.245 5.037 12.381C5.128 12.851 5.358 13.238 5.728 13.542C6.097 13.847 6.521 13.999 7 13.999C7.254 13.999 7.5 13.952 7.736 13.859C7.993 13.757 8.219 13.609 8.414 13.414C8.609 13.218 8.758 12.992 8.859 12.736C8.953 12.499 9 12.254 9 12C9 11.367 9.172 10.795 9.516 10.284C9.649 10.087 9.816 9.884 10.02 9.675C10.136 9.556 10.316 9.385 10.56 9.162C10.815 8.93 11 8.753 11.117 8.631C11.303 8.437 11.454 8.248 11.571 8.066C11.857 7.62 12 7.098 12 6.5C12 5.928 11.895 5.376 11.684 4.844C11.455 4.266 11.121 3.757 10.682 3.318C10.243 2.879 9.734 2.545 9.156 2.316C8.624 2.105 8.072 2 7.5 2C6.928 2 6.376 2.105 5.844 2.316C5.266 2.545 4.757 2.879 4.318 3.318C3.879 3.757 3.545 4.266 3.316 4.844C3.105 5.376 3 5.928 3 6.5C3 6.641 2.952 6.759 2.856 6.856C2.759 6.952 2.641 7 2.5 7C2.359 7 2.241 6.952 2.144 6.856C2.048 6.759 2 6.641 2 6.5C2 5.801 2.129 5.126 2.386 4.475C2.666 3.769 3.074 3.148 3.611 2.611ZM7.022 8.016C7.47 8.361 7.768 8.806 7.915 9.352C7.951 9.488 7.935 9.615 7.867 9.733C7.799 9.851 7.697 9.928 7.561 9.965C7.428 10 7.301 9.984 7.182 9.915C7.062 9.846 6.985 9.745 6.949 9.611C6.861 9.284 6.682 9.016 6.413 8.81C6.144 8.603 5.839 8.5 5.5 8.5C5.359 8.5 5.241 8.452 5.144 8.356C5.048 8.259 5 8.141 5 8L5 6.5C5 6.182 5.059 5.875 5.176 5.58C5.303 5.259 5.488 4.976 5.732 4.732C5.976 4.488 6.259 4.303 6.58 4.176C6.875 4.059 7.182 4 7.5 4C7.818 4 8.125 4.059 8.42 4.176C8.741 4.303 9.024 4.488 9.268 4.732C9.512 4.976 9.697 5.259 9.824 5.58C9.941 5.875 10 6.182 10 6.5C10 6.641 9.952 6.759 9.856 6.856C9.759 6.952 9.641 7 9.5 7C9.359 7 9.241 6.952 9.144 6.856C9.048 6.759 9 6.641 9 6.5C9 6.309 8.965 6.125 8.895 5.948C8.818 5.755 8.707 5.586 8.561 5.439C8.414 5.293 8.245 5.182 8.052 5.105C7.875 5.035 7.691 5 7.5 5C7.309 5 7.125 5.035 6.948 5.105C6.755 5.182 6.586 5.293 6.439 5.439C6.293 5.586 6.182 5.755 6.105 5.948C6.035 6.125 6 6.309 6 6.5L6 7.548C6.369 7.621 6.709 7.777 7.022 8.016Z" />
    </svg>
  );
}

Vue

Vue: see /icons/ear.md

Svelte

Svelte: see /icons/ear.md

HTML img

HTML img: see /icons/ear.md

CSS

CSS: see /icons/ear.md

Data URL

Data URL: see /icons/ear.md

Sprite

Sprite: see /icons/ear.md

SwiftUI

SwiftUI: see /icons/ear.md

Compose

Compose: see /icons/ear.md

Android XML

Android XML: see /icons/ear.md

Flutter

Flutter: see /icons/ear.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for

hearing, ear

Alternatives

headphones: listen to audio
ear-sound: assistive listening or hearing aids

Don’t confuse with

volume: volume means sound level, not hearing

Tags

ear, hearing, listen, audio, sound, deaf, hard-of-hearing, accessibility

Category

Accessibility

Component name

EarIcon

History

2026-10-15 added

Family 1

ear-off

More accessibility icons

accessibility accessibility-alert accessibility-check closed-caption contrast glasses subtitles subtitles-off subtitles-sparkle sun-dim sun-moon wheelchair wheelchair-off · all accessibility icons

For agents

Metadata: /icons/ear.json · Markdown: /icons/ear.md · SVG: https://gentleface.com/svg/{style}/16/ear.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/ear.png

ear icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp