eye emoji
eye from Fluent Emoji Flat by Microsoft Corporation · Default · People & Body · MIT Free for personal and commercial use.
- Name
- eye
- Set
- Fluent Emoji Flat
- Style
- Default
- Category
- People & Body
- Viewbox
- 32×32
- License
- MIT
The same emoji 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 High ContrasteyeFirefox OS Emojieyecss.ggeyeHealth IconseyeHeroIconseyeHuge IconseyeHumbleiconseyeIconoireyeIonIcons
More people & body icons from Fluent Emoji Flat
anatomical-heartartistartist-darkartist-lightartist-mediumartist-medium-darkartist-medium-lightastronautastronaut-darkastronaut-lightastronaut-mediumastronaut-medium-darkastronaut-medium-lightbabybaby-angelbaby-angel-darkbaby-angel-lightbaby-angel-mediumbaby-angel-medium-darkbaby-angel-medium-lightbaby-darkbaby-lightbaby-mediumbaby-medium-dark
Use the eye emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#9b9b9b" d="M16.184 1C7.814 1 1.028 7.786 1.028 16.156s6.785 15.157 15.156 15.157c8.37 0 15.156-6.786 15.156-15.157C31.34 7.786 24.555 1 16.184 1"/><path fill="#fff" d="M30.34 16.156c0 7.819-6.338 14.157-14.156 14.157S2.028 23.975 2.028 16.156C2.028 8.338 8.366 2 16.184 2S30.34 8.338 30.34 16.156"/><path fill="#7d4533" d="M24.997 15.984a8.984 8.984 0 1 1-17.97 0a8.984 8.984 0 0 1 17.97 0"/><path fill="#1c1c1c" d="M21.028 16a5 5 0 1 1-10 0a5 5 0 0 1 10 0"/><path fill="#fff" d="M15.028 13a2 2 0 1 1-4 0a2 2 0 0 1 4 0"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatEye(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#9b9b9b" d="M16.184 1C7.814 1 1.028 7.786 1.028 16.156s6.785 15.157 15.156 15.157c8.37 0 15.156-6.786 15.156-15.157C31.34 7.786 24.555 1 16.184 1"/><path fill="#fff" d="M30.34 16.156c0 7.819-6.338 14.157-14.156 14.157S2.028 23.975 2.028 16.156C2.028 8.338 8.366 2 16.184 2S30.34 8.338 30.34 16.156"/><path fill="#7d4533" d="M24.997 15.984a8.984 8.984 0 1 1-17.97 0a8.984 8.984 0 0 1 17.97 0"/><path fill="#1c1c1c" d="M21.028 16a5 5 0 1 1-10 0a5 5 0 0 1 10 0"/><path fill="#fff" d="M15.028 13a2 2 0 1 1-4 0a2 2 0 0 1 4 0"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#9b9b9b" d="M16.184 1C7.814 1 1.028 7.786 1.028 16.156s6.785 15.157 15.156 15.157c8.37 0 15.156-6.786 15.156-15.157C31.34 7.786 24.555 1 16.184 1"/><path fill="#fff" d="M30.34 16.156c0 7.819-6.338 14.157-14.156 14.157S2.028 23.975 2.028 16.156C2.028 8.338 8.366 2 16.184 2S30.34 8.338 30.34 16.156"/><path fill="#7d4533" d="M24.997 15.984a8.984 8.984 0 1 1-17.97 0a8.984 8.984 0 0 1 17.97 0"/><path fill="#1c1c1c" d="M21.028 16a5 5 0 1 1-10 0a5 5 0 0 1 10 0"/><path fill="#fff" d="M15.028 13a2 2 0 1 1-4 0a2 2 0 0 1 4 0"/></g></svg> </template>
CSS
.icon-eye {
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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%239b9b9b%22%20d%3D%22M16.184%201C7.814%201%201.028%207.786%201.028%2016.156s6.785%2015.157%2015.156%2015.157c8.37%200%2015.156-6.786%2015.156-15.157C31.34%207.786%2024.555%201%2016.184%201%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M30.34%2016.156c0%207.819-6.338%2014.157-14.156%2014.157S2.028%2023.975%202.028%2016.156C2.028%208.338%208.366%202%2016.184%202S30.34%208.338%2030.34%2016.156%22%2F%3E%3Cpath%20fill%3D%22%237d4533%22%20d%3D%22M24.997%2015.984a8.984%208.984%200%201%201-17.97%200a8.984%208.984%200%200%201%2017.97%200%22%2F%3E%3Cpath%20fill%3D%22%231c1c1c%22%20d%3D%22M21.028%2016a5%205%200%201%201-10%200a5%205%200%200%201%2010%200%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15.028%2013a2%202%200%201%201-4%200a2%202%200%200%201%204%200%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%239b9b9b%22%20d%3D%22M16.184%201C7.814%201%201.028%207.786%201.028%2016.156s6.785%2015.157%2015.156%2015.157c8.37%200%2015.156-6.786%2015.156-15.157C31.34%207.786%2024.555%201%2016.184%201%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M30.34%2016.156c0%207.819-6.338%2014.157-14.156%2014.157S2.028%2023.975%202.028%2016.156C2.028%208.338%208.366%202%2016.184%202S30.34%208.338%2030.34%2016.156%22%2F%3E%3Cpath%20fill%3D%22%237d4533%22%20d%3D%22M24.997%2015.984a8.984%208.984%200%201%201-17.97%200a8.984%208.984%200%200%201%2017.97%200%22%2F%3E%3Cpath%20fill%3D%22%231c1c1c%22%20d%3D%22M21.028%2016a5%205%200%201%201-10%200a5%205%200%200%201%2010%200%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15.028%2013a2%202%200%201%201-4%200a2%202%200%200%201%204%200%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/eye.svg?color=%231a73e8&size=48
