eye icon
eye-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- eye-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
eyeAkar Iconseye-filledAnt Design IconseyeBootstrap IconseyeCodiconseyeEmoji One (Colored)eye-fillEva IconseyeFramework7 IconseyeFont Awesome 6 RegulareyeFont Awesome 6 SolideyeFont Awesome RegulareyeFont Awesome SolideyeFeather Iconseye-outlineFlowbite Iconseye-12-filledFluent UI System IconseyeFluent EmojieyeFluent Emoji FlateyeFluent Emoji High ContrasteyeFirefox OS Emojieyecss.ggeyeHealth IconseyeHeroIconseyeHuge IconseyeHumbleiconseyeIconoir
Related icons in MingCute Icon
Use the eye icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 4c2.787 0 5.262 1.257 7.025 2.813c.885.78 1.615 1.658 2.13 2.53c.504.858.845 1.787.845 2.657s-.34 1.799-.846 2.656c-.514.873-1.244 1.75-2.129 2.531C17.263 18.744 14.787 20 12 20s-5.262-1.257-7.025-2.812c-.885-.782-1.615-1.659-2.13-2.532C2.342 13.8 2 12.87 2 12s.34-1.799.846-2.656c.514-.873 1.244-1.75 2.129-2.531C6.738 5.257 9.213 4 12 4m0 5a3 3 0 1 0 2.987 2.737a2 2 0 0 1-2.726-2.726A3 3 0 0 0 12 9"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteEyeFill(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 4c2.787 0 5.262 1.257 7.025 2.813c.885.78 1.615 1.658 2.13 2.53c.504.858.845 1.787.845 2.657s-.34 1.799-.846 2.656c-.514.873-1.244 1.75-2.129 2.531C17.263 18.744 14.787 20 12 20s-5.262-1.257-7.025-2.812c-.885-.782-1.615-1.659-2.13-2.532C2.342 13.8 2 12.87 2 12s.34-1.799.846-2.656c.514-.873 1.244-1.75 2.129-2.531C6.738 5.257 9.213 4 12 4m0 5a3 3 0 1 0 2.987 2.737a2 2 0 0 1-2.726-2.726A3 3 0 0 0 12 9"/></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 4c2.787 0 5.262 1.257 7.025 2.813c.885.78 1.615 1.658 2.13 2.53c.504.858.845 1.787.845 2.657s-.34 1.799-.846 2.656c-.514.873-1.244 1.75-2.129 2.531C17.263 18.744 14.787 20 12 20s-5.262-1.257-7.025-2.812c-.885-.782-1.615-1.659-2.13-2.532C2.342 13.8 2 12.87 2 12s.34-1.799.846-2.656c.514-.873 1.244-1.75 2.129-2.531C6.738 5.257 9.213 4 12 4m0 5a3 3 0 1 0 2.987 2.737a2 2 0 0 1-2.726-2.726A3 3 0 0 0 12 9"/></svg> </template>
CSS
.icon-eye-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%204c2.787%200%205.262%201.257%207.025%202.813c.885.78%201.615%201.658%202.13%202.53c.504.858.845%201.787.845%202.657s-.34%201.799-.846%202.656c-.514.873-1.244%201.75-2.129%202.531C17.263%2018.744%2014.787%2020%2012%2020s-5.262-1.257-7.025-2.812c-.885-.782-1.615-1.659-2.13-2.532C2.342%2013.8%202%2012.87%202%2012s.34-1.799.846-2.656c.514-.873%201.244-1.75%202.129-2.531C6.738%205.257%209.213%204%2012%204m0%205a3%203%200%201%200%202.987%202.737a2%202%200%200%201-2.726-2.726A3%203%200%200%200%2012%209%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%204c2.787%200%205.262%201.257%207.025%202.813c.885.78%201.615%201.658%202.13%202.53c.504.858.845%201.787.845%202.657s-.34%201.799-.846%202.656c-.514.873-1.244%201.75-2.129%202.531C17.263%2018.744%2014.787%2020%2012%2020s-5.262-1.257-7.025-2.812c-.885-.782-1.615-1.659-2.13-2.532C2.342%2013.8%202%2012.87%202%2012s.34-1.799.846-2.656c.514-.873%201.244-1.75%202.129-2.531C6.738%205.257%209.213%204%2012%204m0%205a3%203%200%201%200%202.987%202.737a2%202%200%200%201-2.726-2.726A3%203%200%200%200%2012%209%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/eye-fill.svg?color=%231a73e8&size=48
