ear icon
ear-line from MingCute Icon by MingCute Design · Line · Apache-2.0 Free for personal and commercial use.
- Name
- ear-line
- Set
- MingCute Icon
- Style
- Line
- 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="none" stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M6.083 10a6 6 0 1 1 11.114 2c-1.037 1.793-2.994 3-3.197 6c-.112 1.653-1.343 3-3 3a3 3 0 0 1-3-3c0-2 1.5-3.3 3-4.5s2.625-2 3-3.5c.5-2-.895-3-2-3a2 2 0 0 0-1.937 1.5"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteEarLine(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="2" d="M6.083 10a6 6 0 1 1 11.114 2c-1.037 1.793-2.994 3-3.197 6c-.112 1.653-1.343 3-3 3a3 3 0 0 1-3-3c0-2 1.5-3.3 3-4.5s2.625-2 3-3.5c.5-2-.895-3-2-3a2 2 0 0 0-1.937 1.5"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M6.083 10a6 6 0 1 1 11.114 2c-1.037 1.793-2.994 3-3.197 6c-.112 1.653-1.343 3-3 3a3 3 0 0 1-3-3c0-2 1.5-3.3 3-4.5s2.625-2 3-3.5c.5-2-.895-3-2-3a2 2 0 0 0-1.937 1.5"/></svg> </template>
CSS
.icon-ear-line {
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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M6.083%2010a6%206%200%201%201%2011.114%202c-1.037%201.793-2.994%203-3.197%206c-.112%201.653-1.343%203-3%203a3%203%200%200%201-3-3c0-2%201.5-3.3%203-4.5s2.625-2%203-3.5c.5-2-.895-3-2-3a2%202%200%200%200-1.937%201.5%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M6.083%2010a6%206%200%201%201%2011.114%202c-1.037%201.793-2.994%203-3.197%206c-.112%201.653-1.343%203-3%203a3%203%200%200%201-3-3c0-2%201.5-3.3%203-4.5s2.625-2%203-3.5c.5-2-.895-3-2-3a2%202%200%200%200-1.937%201.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/ear-line.svg?color=%231a73e8&size=48
