ear icon

ear from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.

Name: ear
Set: IonIcons
Style: Regular
Viewbox: 512×512
License: MIT

2 other variants in IonIcons

The same icon in other sets

earBootstrap Icons earEmoji One (Colored)earFramework7 Icons earFluent Emoji earFluent Emoji Flat earFluent Emoji High Contrast earFirefox OS Emoji earHealth Icons earHuge Icons earLucide ear-fillMingCute Icon earMyna UI Icons earNoto Emoji earOpenMoji earPhosphor earStreamline Emojis earTabler Icons earTwitter Emoji earUnicons

Use the ear icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M256 16C159 16 80 95 80 192v206.57a97.6 97.6 0 0 0 28 68.49A94.5 94.5 0 0 0 176 496c36.86 0 67.18-15.62 90.12-46.42c4.48-6 9.55-14.74 15.42-24.85c15.32-26.37 36.29-62.47 63.17-80.74c25.77-17.51 47.23-39.54 62-63.72C423.51 252.94 432 223.24 432 192c0-97-78.95-176-176-176m96 184a16 16 0 0 1-16-16c0-39.7-35.89-72-80-72s-80 32.3-80 72v30.42c27.19-7.84 58.4-6.72 64.28-6.42a48 48 0 0 1 38.6 75.9c-.3.41-.61.81-.95 1.2c-16.55 19-36 45.48-38.46 55a16 16 0 0 1-30.94-8.14c5.51-20.94 36.93-58.2 44.66-67.15A16 16 0 0 0 239.82 240h-.88c-16.6-.89-45.89.8-62.94 8.31V304a16 16 0 0 1-32 0V184c0-57.35 50.24-104 112-104s112 46.65 112 104a16 16 0 0 1-16 16"/></svg>

React

import type { SVGProps } from "react";

export function IonEar(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M256 16C159 16 80 95 80 192v206.57a97.6 97.6 0 0 0 28 68.49A94.5 94.5 0 0 0 176 496c36.86 0 67.18-15.62 90.12-46.42c4.48-6 9.55-14.74 15.42-24.85c15.32-26.37 36.29-62.47 63.17-80.74c25.77-17.51 47.23-39.54 62-63.72C423.51 252.94 432 223.24 432 192c0-97-78.95-176-176-176m96 184a16 16 0 0 1-16-16c0-39.7-35.89-72-80-72s-80 32.3-80 72v30.42c27.19-7.84 58.4-6.72 64.28-6.42a48 48 0 0 1 38.6 75.9c-.3.41-.61.81-.95 1.2c-16.55 19-36 45.48-38.46 55a16 16 0 0 1-30.94-8.14c5.51-20.94 36.93-58.2 44.66-67.15A16 16 0 0 0 239.82 240h-.88c-16.6-.89-45.89.8-62.94 8.31V304a16 16 0 0 1-32 0V184c0-57.35 50.24-104 112-104s112 46.65 112 104a16 16 0 0 1-16 16"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M256 16C159 16 80 95 80 192v206.57a97.6 97.6 0 0 0 28 68.49A94.5 94.5 0 0 0 176 496c36.86 0 67.18-15.62 90.12-46.42c4.48-6 9.55-14.74 15.42-24.85c15.32-26.37 36.29-62.47 63.17-80.74c25.77-17.51 47.23-39.54 62-63.72C423.51 252.94 432 223.24 432 192c0-97-78.95-176-176-176m96 184a16 16 0 0 1-16-16c0-39.7-35.89-72-80-72s-80 32.3-80 72v30.42c27.19-7.84 58.4-6.72 64.28-6.42a48 48 0 0 1 38.6 75.9c-.3.41-.61.81-.95 1.2c-16.55 19-36 45.48-38.46 55a16 16 0 0 1-30.94-8.14c5.51-20.94 36.93-58.2 44.66-67.15A16 16 0 0 0 239.82 240h-.88c-16.6-.89-45.89.8-62.94 8.31V304a16 16 0 0 1-32 0V184c0-57.35 50.24-104 112-104s112 46.65 112 104a16 16 0 0 1-16 16"/></svg>
</template>

CSS

.icon-ear {
  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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M256%2016C159%2016%2080%2095%2080%20192v206.57a97.6%2097.6%200%200%200%2028%2068.49A94.5%2094.5%200%200%200%20176%20496c36.86%200%2067.18-15.62%2090.12-46.42c4.48-6%209.55-14.74%2015.42-24.85c15.32-26.37%2036.29-62.47%2063.17-80.74c25.77-17.51%2047.23-39.54%2062-63.72C423.51%20252.94%20432%20223.24%20432%20192c0-97-78.95-176-176-176m96%20184a16%2016%200%200%201-16-16c0-39.7-35.89-72-80-72s-80%2032.3-80%2072v30.42c27.19-7.84%2058.4-6.72%2064.28-6.42a48%2048%200%200%201%2038.6%2075.9c-.3.41-.61.81-.95%201.2c-16.55%2019-36%2045.48-38.46%2055a16%2016%200%200%201-30.94-8.14c5.51-20.94%2036.93-58.2%2044.66-67.15A16%2016%200%200%200%20239.82%20240h-.88c-16.6-.89-45.89.8-62.94%208.31V304a16%2016%200%200%201-32%200V184c0-57.35%2050.24-104%20112-104s112%2046.65%20112%20104a16%2016%200%200%201-16%2016%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M256%2016C159%2016%2080%2095%2080%20192v206.57a97.6%2097.6%200%200%200%2028%2068.49A94.5%2094.5%200%200%200%20176%20496c36.86%200%2067.18-15.62%2090.12-46.42c4.48-6%209.55-14.74%2015.42-24.85c15.32-26.37%2036.29-62.47%2063.17-80.74c25.77-17.51%2047.23-39.54%2062-63.72C423.51%20252.94%20432%20223.24%20432%20192c0-97-78.95-176-176-176m96%20184a16%2016%200%200%201-16-16c0-39.7-35.89-72-80-72s-80%2032.3-80%2072v30.42c27.19-7.84%2058.4-6.72%2064.28-6.42a48%2048%200%200%201%2038.6%2075.9c-.3.41-.61.81-.95%201.2c-16.55%2019-36%2045.48-38.46%2055a16%2016%200%200%201-30.94-8.14c5.51-20.94%2036.93-58.2%2044.66-67.15A16%2016%200%200%200%20239.82%20240h-.88c-16.6-.89-45.89.8-62.94%208.31V304a16%2016%200%200%201-32%200V184c0-57.35%2050.24-104%20112-104s112%2046.65%20112%20104a16%2016%200%200%201-16%2016%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/ear.svg?color=%231a73e8&size=48