ear icon
ear-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- ear-fill
- Set
- MingCute Icon
- Style
- Fill
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
The same icon in other sets
earBootstrap IconsearEmoji One (Colored)earFramework7 IconsearFluent EmojiearFluent Emoji FlatearFluent Emoji High ContrastearFirefox OS EmojiearHealth IconsearHuge IconsearIonIconsearLucideearMyna UI IconsearNoto EmojiearOpenMojiearPhosphorearStreamline EmojisearTabler IconsearTwitter EmojiearUnicons
Use the ear icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2a7 7 0 0 0-6.903 8.166c.057.342.187.677.383.975c.316.637.782 1.207 1.383 1.744l.16.14c.45.393.977.853.977 1.475v.053c.38-.341.777-.647 1.147-.92q.232-.172.441-.324c.29-.21.547-.398.787-.59l.21-.168c1.46-1.166 2.182-1.742 2.445-2.794c.181-.724.002-1.133-.19-1.36A1.15 1.15 0 0 0 12 8a1 1 0 0 0-.969.75a1 1 0 1 1-1.936-.5A3 3 0 0 1 12 6c.829 0 1.739.366 2.364 1.103c.657.773.925 1.864.606 3.14c-.434 1.736-1.701 2.737-2.983 3.75l-.362.288c-.277.221-.596.453-.905.678l-.383.28c-.435.323-.846.645-1.204.992c-.656.636-1.066 1.288-1.126 2.07C8.123 20.622 9.561 22 11 22c2.156 0 3.833-1.5 3.998-3.932c.085-1.263.53-2.14 1.101-2.939c.244-.341.51-.667.774-.993c.425-.524.85-1.048 1.19-1.635A7 7 0 0 0 12 2"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteEarFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2a7 7 0 0 0-6.903 8.166c.057.342.187.677.383.975c.316.637.782 1.207 1.383 1.744l.16.14c.45.393.977.853.977 1.475v.053c.38-.341.777-.647 1.147-.92q.232-.172.441-.324c.29-.21.547-.398.787-.59l.21-.168c1.46-1.166 2.182-1.742 2.445-2.794c.181-.724.002-1.133-.19-1.36A1.15 1.15 0 0 0 12 8a1 1 0 0 0-.969.75a1 1 0 1 1-1.936-.5A3 3 0 0 1 12 6c.829 0 1.739.366 2.364 1.103c.657.773.925 1.864.606 3.14c-.434 1.736-1.701 2.737-2.983 3.75l-.362.288c-.277.221-.596.453-.905.678l-.383.28c-.435.323-.846.645-1.204.992c-.656.636-1.066 1.288-1.126 2.07C8.123 20.622 9.561 22 11 22c2.156 0 3.833-1.5 3.998-3.932c.085-1.263.53-2.14 1.101-2.939c.244-.341.51-.667.774-.993c.425-.524.85-1.048 1.19-1.635A7 7 0 0 0 12 2"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2a7 7 0 0 0-6.903 8.166c.057.342.187.677.383.975c.316.637.782 1.207 1.383 1.744l.16.14c.45.393.977.853.977 1.475v.053c.38-.341.777-.647 1.147-.92q.232-.172.441-.324c.29-.21.547-.398.787-.59l.21-.168c1.46-1.166 2.182-1.742 2.445-2.794c.181-.724.002-1.133-.19-1.36A1.15 1.15 0 0 0 12 8a1 1 0 0 0-.969.75a1 1 0 1 1-1.936-.5A3 3 0 0 1 12 6c.829 0 1.739.366 2.364 1.103c.657.773.925 1.864.606 3.14c-.434 1.736-1.701 2.737-2.983 3.75l-.362.288c-.277.221-.596.453-.905.678l-.383.28c-.435.323-.846.645-1.204.992c-.656.636-1.066 1.288-1.126 2.07C8.123 20.622 9.561 22 11 22c2.156 0 3.833-1.5 3.998-3.932c.085-1.263.53-2.14 1.101-2.939c.244-.341.51-.667.774-.993c.425-.524.85-1.048 1.19-1.635A7 7 0 0 0 12 2"/></svg> </template>
CSS
.icon-ear-fill {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%202a7%207%200%200%200-6.903%208.166c.057.342.187.677.383.975c.316.637.782%201.207%201.383%201.744l.16.14c.45.393.977.853.977%201.475v.053c.38-.341.777-.647%201.147-.92q.232-.172.441-.324c.29-.21.547-.398.787-.59l.21-.168c1.46-1.166%202.182-1.742%202.445-2.794c.181-.724.002-1.133-.19-1.36A1.15%201.15%200%200%200%2012%208a1%201%200%200%200-.969.75a1%201%200%201%201-1.936-.5A3%203%200%200%201%2012%206c.829%200%201.739.366%202.364%201.103c.657.773.925%201.864.606%203.14c-.434%201.736-1.701%202.737-2.983%203.75l-.362.288c-.277.221-.596.453-.905.678l-.383.28c-.435.323-.846.645-1.204.992c-.656.636-1.066%201.288-1.126%202.07C8.123%2020.622%209.561%2022%2011%2022c2.156%200%203.833-1.5%203.998-3.932c.085-1.263.53-2.14%201.101-2.939c.244-.341.51-.667.774-.993c.425-.524.85-1.048%201.19-1.635A7%207%200%200%200%2012%202%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%202a7%207%200%200%200-6.903%208.166c.057.342.187.677.383.975c.316.637.782%201.207%201.383%201.744l.16.14c.45.393.977.853.977%201.475v.053c.38-.341.777-.647%201.147-.92q.232-.172.441-.324c.29-.21.547-.398.787-.59l.21-.168c1.46-1.166%202.182-1.742%202.445-2.794c.181-.724.002-1.133-.19-1.36A1.15%201.15%200%200%200%2012%208a1%201%200%200%200-.969.75a1%201%200%201%201-1.936-.5A3%203%200%200%201%2012%206c.829%200%201.739.366%202.364%201.103c.657.773.925%201.864.606%203.14c-.434%201.736-1.701%202.737-2.983%203.75l-.362.288c-.277.221-.596.453-.905.678l-.383.28c-.435.323-.846.645-1.204.992c-.656.636-1.066%201.288-1.126%202.07C8.123%2020.622%209.561%2022%2011%2022c2.156%200%203.833-1.5%203.998-3.932c.085-1.263.53-2.14%201.101-2.939c.244-.341.51-.667.774-.993c.425-.524.85-1.048%201.19-1.635A7%207%200%200%200%2012%202%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/ear-fill.svg?color=%231a73e8&size=48
