ear icon

ear-sharp from IonIcons by Ben Sperry · Sharp · MIT Free for personal and commercial use.

Name: ear-sharp
Set: IonIcons
Style: Sharp
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="M380.48 68.09C347.09 34.5 302.88 16 256 16C159 16 80 95 80 192v206.57a97.6 97.6 0 0 0 28 68.49A94.5 94.5 0 0 0 176 496c19.93 0 41.06-7.69 62.8-22.87a181.5 181.5 0 0 0 25.88-21.86C327.37 390.16 432 288.06 432 192c0-46.49-18.29-90.49-51.52-123.91M368 200h-32v-16c0-39.7-35.89-72-80-72s-80 32.3-80 72v30.41c27.5-7.84 59.89-6.62 64.26-6.41a48 48 0 0 1 38.62 75.9c-.3.41-.61.81-.95 1.2c-16.55 19-36 45.49-38.46 55l-4.07 15.47l-30.94-8.14l4.07-15.47c5.51-20.94 36.93-58.2 44.66-67.15A16 16 0 0 0 239.82 240h-.88c-10.67-.58-42.66-.25-62.12 8l-.82.35V320h-32V184c0-57.35 50.24-104 112-104s112 46.65 112 104Z"/></svg>

React

import type { SVGProps } from "react";

export function IonEarSharp(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="M380.48 68.09C347.09 34.5 302.88 16 256 16C159 16 80 95 80 192v206.57a97.6 97.6 0 0 0 28 68.49A94.5 94.5 0 0 0 176 496c19.93 0 41.06-7.69 62.8-22.87a181.5 181.5 0 0 0 25.88-21.86C327.37 390.16 432 288.06 432 192c0-46.49-18.29-90.49-51.52-123.91M368 200h-32v-16c0-39.7-35.89-72-80-72s-80 32.3-80 72v30.41c27.5-7.84 59.89-6.62 64.26-6.41a48 48 0 0 1 38.62 75.9c-.3.41-.61.81-.95 1.2c-16.55 19-36 45.49-38.46 55l-4.07 15.47l-30.94-8.14l4.07-15.47c5.51-20.94 36.93-58.2 44.66-67.15A16 16 0 0 0 239.82 240h-.88c-10.67-.58-42.66-.25-62.12 8l-.82.35V320h-32V184c0-57.35 50.24-104 112-104s112 46.65 112 104Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M380.48 68.09C347.09 34.5 302.88 16 256 16C159 16 80 95 80 192v206.57a97.6 97.6 0 0 0 28 68.49A94.5 94.5 0 0 0 176 496c19.93 0 41.06-7.69 62.8-22.87a181.5 181.5 0 0 0 25.88-21.86C327.37 390.16 432 288.06 432 192c0-46.49-18.29-90.49-51.52-123.91M368 200h-32v-16c0-39.7-35.89-72-80-72s-80 32.3-80 72v30.41c27.5-7.84 59.89-6.62 64.26-6.41a48 48 0 0 1 38.62 75.9c-.3.41-.61.81-.95 1.2c-16.55 19-36 45.49-38.46 55l-4.07 15.47l-30.94-8.14l4.07-15.47c5.51-20.94 36.93-58.2 44.66-67.15A16 16 0 0 0 239.82 240h-.88c-10.67-.58-42.66-.25-62.12 8l-.82.35V320h-32V184c0-57.35 50.24-104 112-104s112 46.65 112 104Z"/></svg>
</template>

CSS

.icon-ear-sharp {
  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%22M380.48%2068.09C347.09%2034.5%20302.88%2016%20256%2016C159%2016%2080%2095%2080%20192v206.57a97.6%2097.6%200%200%200%2028%2068.49A94.5%2094.5%200%200%200%20176%20496c19.93%200%2041.06-7.69%2062.8-22.87a181.5%20181.5%200%200%200%2025.88-21.86C327.37%20390.16%20432%20288.06%20432%20192c0-46.49-18.29-90.49-51.52-123.91M368%20200h-32v-16c0-39.7-35.89-72-80-72s-80%2032.3-80%2072v30.41c27.5-7.84%2059.89-6.62%2064.26-6.41a48%2048%200%200%201%2038.62%2075.9c-.3.41-.61.81-.95%201.2c-16.55%2019-36%2045.49-38.46%2055l-4.07%2015.47l-30.94-8.14l4.07-15.47c5.51-20.94%2036.93-58.2%2044.66-67.15A16%2016%200%200%200%20239.82%20240h-.88c-10.67-.58-42.66-.25-62.12%208l-.82.35V320h-32V184c0-57.35%2050.24-104%20112-104s112%2046.65%20112%20104Z%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%22M380.48%2068.09C347.09%2034.5%20302.88%2016%20256%2016C159%2016%2080%2095%2080%20192v206.57a97.6%2097.6%200%200%200%2028%2068.49A94.5%2094.5%200%200%200%20176%20496c19.93%200%2041.06-7.69%2062.8-22.87a181.5%20181.5%200%200%200%2025.88-21.86C327.37%20390.16%20432%20288.06%20432%20192c0-46.49-18.29-90.49-51.52-123.91M368%20200h-32v-16c0-39.7-35.89-72-80-72s-80%2032.3-80%2072v30.41c27.5-7.84%2059.89-6.62%2064.26-6.41a48%2048%200%200%201%2038.62%2075.9c-.3.41-.61.81-.95%201.2c-16.55%2019-36%2045.49-38.46%2055l-4.07%2015.47l-30.94-8.14l4.07-15.47c5.51-20.94%2036.93-58.2%2044.66-67.15A16%2016%200%200%200%20239.82%20240h-.88c-10.67-.58-42.66-.25-62.12%208l-.82.35V320h-32V184c0-57.35%2050.24-104%20112-104s112%2046.65%20112%20104Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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