ear icon
ear-24px from Health Icons by Resolve to Save Lives · Filled 24px · Body · MIT Free for personal and commercial use.
- Name
- ear-24px
- Set
- Health Icons
- Style
- Filled 24px
- Category
- Body
- Viewbox
- 24×24
- License
- MIT
3 other variants in Health Icons
The same icon in other sets
earBootstrap IconsearEmoji One (Colored)earFramework7 IconsearFluent EmojiearFluent Emoji FlatearFluent Emoji High ContrastearFirefox OS EmojiearHuge IconsearIonIconsearLucideear-fillMingCute IconearMyna UI IconsearNoto EmojiearOpenMojiearPhosphorearStreamline EmojisearTabler IconsearTwitter EmojiearUnicons
More body icons from Health Icons
Use the ear icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12 4C9.16 4 6.825 5.843 6.18 8.258l-1.933-.516C5.137 4.41 8.297 2 12 2c4.367 0 8 3.367 8 7.632c0 1.627-.43 2.852-1.13 3.81c-.68.933-1.569 1.545-2.34 2.027l-.52.32c-.574.35-1.023.623-1.388.966c-.397.373-.622.772-.622 1.403C14 20.33 12.158 22 10 22s-4-1.67-4-3.842h2C8 19.125 8.844 20 10 20s2-.875 2-1.842c0-1.274.525-2.176 1.252-2.86c.532-.5 1.218-.916 1.815-1.278l.403-.247c.728-.455 1.34-.9 1.785-1.51c.425-.583.745-1.385.745-2.631C18 6.572 15.365 4 12 4"/><path d="M14.906 6.586c-2.438-1.084-4.52-1.02-5.99.226C7.525 7.99 7 9.978 7 12v1a3 3 0 0 0 3 3c2.883 0 4.323-2.441 4.062-4.48c-.134-1.047-.72-2.068-1.829-2.6c-.656-.314-1.424-.424-2.282-.325q.123-.143.258-.257c.655-.555 1.823-.84 3.885.076a1 1 0 1 0 .812-1.828"/></g></svg>
React
import type { SVGProps } from "react";
export function HealthiconsEar24px(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12 4C9.16 4 6.825 5.843 6.18 8.258l-1.933-.516C5.137 4.41 8.297 2 12 2c4.367 0 8 3.367 8 7.632c0 1.627-.43 2.852-1.13 3.81c-.68.933-1.569 1.545-2.34 2.027l-.52.32c-.574.35-1.023.623-1.388.966c-.397.373-.622.772-.622 1.403C14 20.33 12.158 22 10 22s-4-1.67-4-3.842h2C8 19.125 8.844 20 10 20s2-.875 2-1.842c0-1.274.525-2.176 1.252-2.86c.532-.5 1.218-.916 1.815-1.278l.403-.247c.728-.455 1.34-.9 1.785-1.51c.425-.583.745-1.385.745-2.631C18 6.572 15.365 4 12 4"/><path d="M14.906 6.586c-2.438-1.084-4.52-1.02-5.99.226C7.525 7.99 7 9.978 7 12v1a3 3 0 0 0 3 3c2.883 0 4.323-2.441 4.062-4.48c-.134-1.047-.72-2.068-1.829-2.6c-.656-.314-1.424-.424-2.282-.325q.123-.143.258-.257c.655-.555 1.823-.84 3.885.076a1 1 0 1 0 .812-1.828"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12 4C9.16 4 6.825 5.843 6.18 8.258l-1.933-.516C5.137 4.41 8.297 2 12 2c4.367 0 8 3.367 8 7.632c0 1.627-.43 2.852-1.13 3.81c-.68.933-1.569 1.545-2.34 2.027l-.52.32c-.574.35-1.023.623-1.388.966c-.397.373-.622.772-.622 1.403C14 20.33 12.158 22 10 22s-4-1.67-4-3.842h2C8 19.125 8.844 20 10 20s2-.875 2-1.842c0-1.274.525-2.176 1.252-2.86c.532-.5 1.218-.916 1.815-1.278l.403-.247c.728-.455 1.34-.9 1.785-1.51c.425-.583.745-1.385.745-2.631C18 6.572 15.365 4 12 4"/><path d="M14.906 6.586c-2.438-1.084-4.52-1.02-5.99.226C7.525 7.99 7 9.978 7 12v1a3 3 0 0 0 3 3c2.883 0 4.323-2.441 4.062-4.48c-.134-1.047-.72-2.068-1.829-2.6c-.656-.314-1.424-.424-2.282-.325q.123-.143.258-.257c.655-.555 1.823-.84 3.885.076a1 1 0 1 0 .812-1.828"/></g></svg> </template>
CSS
.icon-ear-24px {
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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M12%204C9.16%204%206.825%205.843%206.18%208.258l-1.933-.516C5.137%204.41%208.297%202%2012%202c4.367%200%208%203.367%208%207.632c0%201.627-.43%202.852-1.13%203.81c-.68.933-1.569%201.545-2.34%202.027l-.52.32c-.574.35-1.023.623-1.388.966c-.397.373-.622.772-.622%201.403C14%2020.33%2012.158%2022%2010%2022s-4-1.67-4-3.842h2C8%2019.125%208.844%2020%2010%2020s2-.875%202-1.842c0-1.274.525-2.176%201.252-2.86c.532-.5%201.218-.916%201.815-1.278l.403-.247c.728-.455%201.34-.9%201.785-1.51c.425-.583.745-1.385.745-2.631C18%206.572%2015.365%204%2012%204%22%2F%3E%3Cpath%20d%3D%22M14.906%206.586c-2.438-1.084-4.52-1.02-5.99.226C7.525%207.99%207%209.978%207%2012v1a3%203%200%200%200%203%203c2.883%200%204.323-2.441%204.062-4.48c-.134-1.047-.72-2.068-1.829-2.6c-.656-.314-1.424-.424-2.282-.325q.123-.143.258-.257c.655-.555%201.823-.84%203.885.076a1%201%200%201%200%20.812-1.828%22%2F%3E%3C%2Fg%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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M12%204C9.16%204%206.825%205.843%206.18%208.258l-1.933-.516C5.137%204.41%208.297%202%2012%202c4.367%200%208%203.367%208%207.632c0%201.627-.43%202.852-1.13%203.81c-.68.933-1.569%201.545-2.34%202.027l-.52.32c-.574.35-1.023.623-1.388.966c-.397.373-.622.772-.622%201.403C14%2020.33%2012.158%2022%2010%2022s-4-1.67-4-3.842h2C8%2019.125%208.844%2020%2010%2020s2-.875%202-1.842c0-1.274.525-2.176%201.252-2.86c.532-.5%201.218-.916%201.815-1.278l.403-.247c.728-.455%201.34-.9%201.785-1.51c.425-.583.745-1.385.745-2.631C18%206.572%2015.365%204%2012%204%22%2F%3E%3Cpath%20d%3D%22M14.906%206.586c-2.438-1.084-4.52-1.02-5.99.226C7.525%207.99%207%209.978%207%2012v1a3%203%200%200%200%203%203c2.883%200%204.323-2.441%204.062-4.48c-.134-1.047-.72-2.068-1.829-2.6c-.656-.314-1.424-.424-2.282-.325q.123-.143.258-.257c.655-.555%201.823-.84%203.885.076a1%201%200%201%200%20.812-1.828%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/ear-24px.svg?color=%231a73e8&size=48
