ear icon

ear-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.

Name: ear-bold
Set: Phosphor
Style: Bold
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

ear ear-duotone ear-fill ear-light ear-thin

The same icon in other sets

earBootstrap Icons earEmoji One (Colored)earFramework7 Icons earFluent Emoji earFluent Emoji Flat earFluent Emoji High Contrast earHuge Icons earIonIcons earLucide ear-fillMingCute Icon earNoto Emoji earOpenMoji earStreamline Emojis earTabler Icons earTwitter Emoji earUnicons

Related icons in Phosphor

ear-slash

Use the ear icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M220 104a12 12 0 0 1-24 0a68 68 0 0 0-136 0c0 25 7.58 32.3 16.35 40.76S96 163.71 96 188a32 32 0 0 0 32 32c9 0 16.19-3.7 22.75-11.64a12 12 0 0 1 18.5 15.28C158.09 237.15 144.21 244 128 244a56.06 56.06 0 0 1-56-56c0-14.09-4.63-18.56-12.31-26C49.13 151.86 36 139.19 36 104a92 92 0 0 1 184 0m-40.13 53.61a12 12 0 0 0-16.4 4.38a4 4 0 0 1-7.47-2c0-7.61 3.65-12.86 9.6-20.8C172 130.65 180 120 180 104a52 52 0 0 0-104 0a12 12 0 0 0 24 0a28 28 0 0 1 56 0c0 7.61-3.65 12.86-9.6 20.8C140 133.35 132 144 132 160a28 28 0 0 0 52.25 14a12 12 0 0 0-4.38-16.39"/></svg>

React

import type { SVGProps } from "react";

export function PhEarBold(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M220 104a12 12 0 0 1-24 0a68 68 0 0 0-136 0c0 25 7.58 32.3 16.35 40.76S96 163.71 96 188a32 32 0 0 0 32 32c9 0 16.19-3.7 22.75-11.64a12 12 0 0 1 18.5 15.28C158.09 237.15 144.21 244 128 244a56.06 56.06 0 0 1-56-56c0-14.09-4.63-18.56-12.31-26C49.13 151.86 36 139.19 36 104a92 92 0 0 1 184 0m-40.13 53.61a12 12 0 0 0-16.4 4.38a4 4 0 0 1-7.47-2c0-7.61 3.65-12.86 9.6-20.8C172 130.65 180 120 180 104a52 52 0 0 0-104 0a12 12 0 0 0 24 0a28 28 0 0 1 56 0c0 7.61-3.65 12.86-9.6 20.8C140 133.35 132 144 132 160a28 28 0 0 0 52.25 14a12 12 0 0 0-4.38-16.39"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M220 104a12 12 0 0 1-24 0a68 68 0 0 0-136 0c0 25 7.58 32.3 16.35 40.76S96 163.71 96 188a32 32 0 0 0 32 32c9 0 16.19-3.7 22.75-11.64a12 12 0 0 1 18.5 15.28C158.09 237.15 144.21 244 128 244a56.06 56.06 0 0 1-56-56c0-14.09-4.63-18.56-12.31-26C49.13 151.86 36 139.19 36 104a92 92 0 0 1 184 0m-40.13 53.61a12 12 0 0 0-16.4 4.38a4 4 0 0 1-7.47-2c0-7.61 3.65-12.86 9.6-20.8C172 130.65 180 120 180 104a52 52 0 0 0-104 0a12 12 0 0 0 24 0a28 28 0 0 1 56 0c0 7.61-3.65 12.86-9.6 20.8C140 133.35 132 144 132 160a28 28 0 0 0 52.25 14a12 12 0 0 0-4.38-16.39"/></svg>
</template>

CSS

.icon-ear-bold {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M220%20104a12%2012%200%200%201-24%200a68%2068%200%200%200-136%200c0%2025%207.58%2032.3%2016.35%2040.76S96%20163.71%2096%20188a32%2032%200%200%200%2032%2032c9%200%2016.19-3.7%2022.75-11.64a12%2012%200%200%201%2018.5%2015.28C158.09%20237.15%20144.21%20244%20128%20244a56.06%2056.06%200%200%201-56-56c0-14.09-4.63-18.56-12.31-26C49.13%20151.86%2036%20139.19%2036%20104a92%2092%200%200%201%20184%200m-40.13%2053.61a12%2012%200%200%200-16.4%204.38a4%204%200%200%201-7.47-2c0-7.61%203.65-12.86%209.6-20.8C172%20130.65%20180%20120%20180%20104a52%2052%200%200%200-104%200a12%2012%200%200%200%2024%200a28%2028%200%200%201%2056%200c0%207.61-3.65%2012.86-9.6%2020.8C140%20133.35%20132%20144%20132%20160a28%2028%200%200%200%2052.25%2014a12%2012%200%200%200-4.38-16.39%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M220%20104a12%2012%200%200%201-24%200a68%2068%200%200%200-136%200c0%2025%207.58%2032.3%2016.35%2040.76S96%20163.71%2096%20188a32%2032%200%200%200%2032%2032c9%200%2016.19-3.7%2022.75-11.64a12%2012%200%200%201%2018.5%2015.28C158.09%20237.15%20144.21%20244%20128%20244a56.06%2056.06%200%200%201-56-56c0-14.09-4.63-18.56-12.31-26C49.13%20151.86%2036%20139.19%2036%20104a92%2092%200%200%201%20184%200m-40.13%2053.61a12%2012%200%200%200-16.4%204.38a4%204%200%200%201-7.47-2c0-7.61%203.65-12.86%209.6-20.8C172%20130.65%20180%20120%20180%20104a52%2052%200%200%200-104%200a12%2012%200%200%200%2024%200a28%2028%200%200%201%2056%200c0%207.61-3.65%2012.86-9.6%2020.8C140%20133.35%20132%20144%20132%20160a28%2028%200%200%200%2052.25%2014a12%2012%200%200%200-4.38-16.39%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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